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-v1e53f7da.js"
      integrity="sha384-HlP32lTm2OI1Il1KqCoQLgaPFlF6jpiSY43JpewsQOOmml95m0VMl4vnQxAP+XMi"
      crossorigin="anonymous"
      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-v1e53f7da.js',
          integrity: 'sha384-HlP32lTm2OI1Il1KqCoQLgaPFlF6jpiSY43JpewsQOOmml95m0VMl4vnQxAP+XMi',
          crossorigin: 'anonymous',
          'data-key': 'ang_live_YOUR_KEY',
          async: true,
          tagPosition: 'bodyClose',
        },
      ],
    },
  },
})