Integrate Stories Widget SDK in Vue.js / Quasar

1. Introduction

Load the SDK in index.html for Vue or via a Quasar boot file. No target container or extra init code.

2. Prerequisites

• Vue 3 or Quasar project
• Organization ID
• SDK URL, e.g. https://cdn.usemevo.com/story-sdk.min.js

3. Step-by-Step Instructions

Vue (Vite)

<!-- index.html -->
<div id="app"></div>
<script src="https://cdn.usemevo.com/story-sdk.min.js" id="YOUR_ORG_ID" defer></script>

Quasar

// src/boot/story-sdk.ts
export default () => {
  const s = document.createElement('script')
  s.src = 'https://cdn.usemevo.com/story-sdk.min.js'
  s.defer = true
  s.id = 'YOUR_ORG_ID'
  document.body.appendChild(s)
}
// quasar.config.ts → boot: ['story-sdk']

4. Verification

• Run your dev server; the widget should render on the page.

5. Troubleshooting

• If not visible, ensure the script is loaded and the Organization ID is correct.
• CSP issues: host the SDK on HTTPS and allow the domain in CSP.
• For SSR, load scripts on client only.