Vue.js

Add the Angstroma widget to a Vue.js application (Vue CLI or Vite).

Coming soon

A dedicated Vue npm package is on the roadmap. The script tag below works today in any Vue app (Vue CLI, Vite, or Nuxt) with zero dependencies.

Vue CLI / Vite â€” script tag

Open public/index.html (Vue CLI) or index.html (Vite) and paste before </body>:

index.html

    <script
      src="https://cdn.angstroma.com/widget.js"
      data-key="ang_live_YOUR_KEY"
      async
    ></script>
  </body>
</html>

Nuxt.js

In a Nuxt application, add the script to nuxt.config.ts:

nuxt.config.ts

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://cdn.angstroma.com/widget.js',
          'data-key': 'ang_live_YOUR_KEY',
          async: true,
          tagPosition: 'bodyClose',
        },
      ],
    },
  },
})