Javascript Library

To use the Javascript library, add the following script tag to your document:

<script src="https://cdn.jsdelivr.net/npm/@awesomebible/[email protected]/index.js"></script>

or install the NPM package:

# create a new project with npm
npm install @awesomebible/verse-js

# create a new project with pnpm
pnpm install @awesomebible/verse-js

# create a new project with yarn
yarn add @awesomebible/verse-js

Now you’ll have to import the function:

import { VerseReplace } from '@awesomebible/verse-js';

Add an image tag with the class “awb-verse” where you want the verse image to appear.

<img class="awb-verse">

At the very bottom of the document, the verseReplace() function must be called:

<script defer>
    verseReplace("https://verse.awesomebible.de/img/");
</script>