Lumifeed Docs
Widget

Vue

Add the Lumifeed widget to a Vue 3 project.

Vue

Script tag (simplest)

Add to your index.html:

<script
  src="https://cdn.lumifeed.app/widget.js"
  data-key="YOUR_API_KEY"
  defer
></script>
npm install @lumifeed/vue
// main.ts
import { createApp } from "vue"
import App from "./App.vue"
import { LumifeedPlugin } from "@lumifeed/vue"

const app = createApp(App)
app.use(LumifeedPlugin, {
  apiKey: import.meta.env.VITE_LUMIFEED_KEY,
})
app.mount("#app")

Component usage

<template>
  <div>
    <YourApp />
    <LumifeedWidget :user="currentUser" />
  </div>
</template>

<script setup>
import { LumifeedWidget } from "@lumifeed/vue"
import { useAuth } from "./composables/useAuth"

const { user: currentUser } = useAuth()
</script>

Composable

import { useLumifeed } from "@lumifeed/vue"

const { open, close, identify } = useLumifeed()

Next.js

Add the Lumifeed widget to a Next.js App Router project.

Other Frameworks

Use Lumifeed with Svelte, Astro, Remix, and other frameworks.

On this page

VueScript tag (simplest)Vue plugin (recommended)Component usageComposable