Add a feedback widget to your Vue app

Import the widget in your component, use the custom element. Vue 3 handles custom elements natively — just tell it to skip the Palmframe tag.

Install

npm install @palmframe/widget

Add to your app

<script setup>
import '@palmframe/widget'
</script>

<template>
  <palmframe-widget project="your-project-id" />
</template>

Benefits

  • Works with Vue 3 and Nuxt 3
  • Native custom element support
  • Shadow DOM isolation — no style conflicts
  • Compatible with Options API and Composition API
  • Volar type support available

See full documentation

Ready to add feedback to your app?

Try Palmframe free — takes 2 minutes to set up.