@mhosaic/feedback-cli 0.33.0 → 0.34.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mhosaic/feedback-cli",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "description": "CLI to install @mhosaic/feedback into a host app, verify the integration, and drop a guided Claude Code skill (/integrate-feedback) into ~/.claude/skills.",
   "type": "module",
   "bin": {

package/skills/integrate-feedback/references/consumer-install-vue.md

@@ -17,7 +17,34 @@ VITE_FEEDBACK_ENDPOINT=https://software-factory-3tbbu.ondigitalocean.app
 
 ## Step 2 — Initialize at app boot
 
-Edit `src/main.ts`. Error-tracking is **on by default** — the boot wraps `withErrorTracking` so uncaught errors + unhandled rejections auto-file as synthetic reports:
+**Preferred (v0.34+): the first-class Vue plugin.** Error-tracking is on by default; `useFeedback()` works in any `setup()`:
+
+```typescript
+import { createApp } from 'vue'
+import App from './App.vue'
+import { feedbackPlugin } from '@mhosaic/feedback/vue'
+
+const app = createApp(App)
+app.use(feedbackPlugin, {
+  apiKey: import.meta.env.VITE_FEEDBACK_API_KEY,
+  endpoint: import.meta.env.VITE_FEEDBACK_ENDPOINT,
+  env: import.meta.env.PROD ? 'prod' : 'dev',
+})
+app.mount('#app')
+```
+
+Then anywhere in a component:
+
+```typescript
+import { useFeedback } from '@mhosaic/feedback/vue'
+
+const fb = useFeedback()
+fb.identify({ id: user.id, email: user.email, name: user.name })
+```
+
+Note: the Vue plugin uses the **direct bundle** (`@mhosaic/feedback`), not the loader — pin updates arrive via npm bumps. Hosts that want manifest-driven auto-updates instead keep the loader recipe below.
+
+**Loader alternative (auto-updating bundle, no plugin):**
 
 ```typescript
 import { createApp } from 'vue'
@@ -35,15 +62,12 @@ const fb = withErrorTracking(
 )
 
 const app = createApp(App)
-// Optional: expose `this.$feedback` in components and `inject('feedback')` in composables
 app.provide('feedback', fb)
 app.mount('#app')
-
-// Export for use in other modules (e.g. your auth store)
 export { fb }
 ```
 
-The widget mounts itself to its own Shadow DOM container outside Vue's root. Calling `createFeedback()` once at module load is sufficient — there's no Vue plugin to install.
+The widget mounts itself to its own Shadow DOM container outside Vue's root either way.
 
 ---