Vue 3 quickstart

Try it live

Live playground — Vue 3 + ViteOpen in StackBlitz ↗

Booting WebContainer…

Install


pnpm add @mushi-mushi/vue

src/main.ts


import { createApp } from 'vue'
import { MushiPlugin } from '@mushi-mushi/vue'
import App from './App.vue'
 
createApp(App)
  .use(MushiPlugin, {
    projectId: import.meta.env.VITE_MUSHI_PROJECT_ID,
    apiKey: import.meta.env.VITE_MUSHI_API_KEY,
  })
  .mount('#app')

src/components/ReportButton.vue


<script setup lang="ts">
import { useMushi } from '@mushi-mushi/vue'
 
const { submitReport } = useMushi()
</script>
 
<template>
  <button @click="submitReport({ description: 'Cart total is wrong' })">
    Report a bug
  </button>
</template>