@conference-kit/ui-vue 0.0.1 → 0.0.3

package/README.md

@@ -0,0 +1,53 @@
+# @conference-kit/ui-vue
+
+Vue 3 components for conferencing UIs. Presentational only—pair with state from `@conference-kit/vue`.
+
+## Install
+
+```bash
+npm install @conference-kit/ui-vue
+```
+
+Peer deps: Vue 3.4+, TailwindCSS 3.4+.
+
+## Components
+
+- `ParticipantGrid`, `ParticipantTile`
+- `RosterList`
+- `ControlBar`
+- `ChatPanel`
+- `ConnectionBadge` (exported as default)
+
+Each component accepts props mirroring the React UI kit (IDs, labels, media streams, connection status, handler callbacks).
+
+## Quick example
+
+```vue
+<script setup lang="ts">
+import { ParticipantGrid, ConnectionBadge } from "@conference-kit/ui-vue";
+
+const participants = [
+  {
+    id: "me",
+    label: "You",
+    stream: null,
+    connectionState: "connected",
+    isLocal: true,
+  },
+];
+const status = { signaling: "open", media: "ready", data: "ready" };
+</script>
+
+<template>
+  <div class="space-y-4">
+    <ConnectionBadge :status="status" />
+    <ParticipantGrid :participants="participants" />
+  </div>
+</template>
+```
+
+## Build
+
+```bash
+npm run build
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conference-kit/ui-vue",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -18,8 +18,8 @@
     "tailwindcss": ">=3.4.0"
   },
   "dependencies": {
-    "@conference-kit/vue": "^0.0.1",
-    "@conference-kit/core": "^0.0.1"
+    "@conference-kit/vue": "^0.0.3",
+    "@conference-kit/core": "^0.0.3"
   },
   "devDependencies": {
     "typescript": "^5.9.3"

package/src/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}