@tthr/vue 0.0.1 → 0.0.3

package/dist/index.d.ts

@@ -81,4 +81,24 @@ export interface MutationFunction<TArgs = void, TResult = unknown> {
  */
 export declare function useMutation<TArgs, TResult>(mutation: MutationFunction<TArgs, TResult>): MutationState<TArgs, TResult>;
 export type { TetherClientOptions } from '@tthr/client';
+/**
+ * Tether Nuxt/Vue project configuration
+ */
+export interface TetherConfig {
+    /** Project ID from Tether dashboard */
+    projectId?: string;
+    /** API endpoint (defaults to Tether Cloud) */
+    url?: string;
+    /** Path to schema file */
+    schema?: string;
+    /** Path to functions directory */
+    functions?: string;
+    /** Path for generated types output */
+    output?: string;
+}
+/**
+ * Define Tether project configuration
+ * Used in tether.config.ts at the project root
+ */
+export declare function defineConfig(config: TetherConfig): TetherConfig;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA+B,KAAK,GAAG,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKtE;;GAEG;AACH,eAAO,MAAM,YAAY;iBACV,GAAG,WAAW,mBAAmB;uBAK3B,mBAAmB;CAGvC,CAAC;AAEF;;GAEG;AACH,wBAAgB,SAAS,IAAI,YAAY,CAKxC;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,GAAG,OAAO;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,EACrC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,EACpC,IAAI,CAAC,EAAE,KAAK,GACX,UAAU,CAAC,OAAO,CAAC,CA4CrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,KAAK,EAAE,OAAO;IAC3C,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/B,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,GAAG,OAAO;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EACxC,QAAQ,EAAE,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,GACzC,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAmC/B;AAGD,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA+B,KAAK,GAAG,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKtE;;GAEG;AACH,eAAO,MAAM,YAAY;iBACV,GAAG,WAAW,mBAAmB;uBAK3B,mBAAmB;CAGvC,CAAC;AAEF;;GAEG;AACH,wBAAgB,SAAS,IAAI,YAAY,CAKxC;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,GAAG,OAAO;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,EACrC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,EACpC,IAAI,CAAC,EAAE,KAAK,GACX,UAAU,CAAC,OAAO,CAAC,CA4CrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,KAAK,EAAE,OAAO;IAC3C,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/B,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,GAAG,OAAO;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EACxC,QAAQ,EAAE,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,GACzC,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAmC/B;AAGD,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,YAAY,CAE/D"}

package/dist/index.js

@@ -129,4 +129,11 @@ export function useMutation(mutation) {
         reset,
     };
 }
+/**
+ * Define Tether project configuration
+ * Used in tether.config.ts at the project root
+ */
+export function defineConfig(config) {
+    return config;
+}
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/nuxt.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @tthr/vue/nuxt - Tether Nuxt Module
+ *
+ * Automatically configures Tether for Nuxt applications.
+ */
+export interface TetherModuleOptions {
+    /** Project ID from Tether dashboard */
+    projectId?: string;
+    /** API endpoint (defaults to Tether Cloud) */
+    url?: string;
+}
+declare const _default: import("@nuxt/schema").NuxtModule<TetherModuleOptions, TetherModuleOptions, false>;
+export default _default;
+//# sourceMappingURL=nuxt.d.ts.map

package/dist/nuxt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nuxt.d.ts","sourceRoot":"","sources":["../src/nuxt.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;;AAED,wBA2CG"}

package/dist/nuxt.js

@@ -0,0 +1,48 @@
+/**
+ * @tthr/vue/nuxt - Tether Nuxt Module
+ *
+ * Automatically configures Tether for Nuxt applications.
+ */
+import { defineNuxtModule, addPlugin, createResolver, addImports } from '@nuxt/kit';
+export default defineNuxtModule({
+    meta: {
+        name: '@tthr/vue',
+        configKey: 'tether',
+        compatibility: {
+            nuxt: '>=3.0.0',
+        },
+    },
+    defaults: {
+        projectId: undefined,
+        url: undefined,
+    },
+    setup(options, nuxt) {
+        const resolver = createResolver(import.meta.url);
+        // Add runtime config
+        nuxt.options.runtimeConfig.public.tether = {
+            projectId: options.projectId || '',
+            url: options.url || 'https://api.tether.strands.gg',
+        };
+        // Add the plugin that initialises Tether
+        addPlugin({
+            src: resolver.resolve('./runtime/plugin'),
+            mode: 'client',
+        });
+        // Auto-import composables
+        addImports([
+            {
+                name: 'useQuery',
+                from: resolver.resolve('./runtime/composables'),
+            },
+            {
+                name: 'useMutation',
+                from: resolver.resolve('./runtime/composables'),
+            },
+            {
+                name: 'useTether',
+                from: resolver.resolve('./runtime/composables'),
+            },
+        ]);
+    },
+});
+//# sourceMappingURL=nuxt.js.map

package/dist/nuxt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nuxt.js","sourceRoot":"","sources":["../src/nuxt.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AASpF,eAAe,gBAAgB,CAAsB;IACnD,IAAI,EAAE;QACJ,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,QAAQ;QACnB,aAAa,EAAE;YACb,IAAI,EAAE,SAAS;SAChB;KACF;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,SAAS;QACpB,GAAG,EAAE,SAAS;KACf;IACD,KAAK,CAAC,OAAO,EAAE,IAAI;QACjB,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEjD,qBAAqB;QACrB,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,GAAG;YACzC,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,EAAE;YAClC,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,+BAA+B;SACpD,CAAC;QAEF,yCAAyC;QACzC,SAAS,CAAC;YACR,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC;YACzC,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;QAEH,0BAA0B;QAC1B,UAAU,CAAC;YACT;gBACE,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,uBAAuB,CAAC;aAChD;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,uBAAuB,CAAC;aAChD;YACD;gBACE,IAAI,EAAE,WAAW;gBACjB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,uBAAuB,CAAC;aAChD;SACF,CAAC,CAAC;IACL,CAAC;CACF,CAAC,CAAC"}

package/dist/runtime/composables.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Nuxt composables for Tether
+ *
+ * These are auto-imported when using the Tether Nuxt module.
+ */
+import { type Ref } from 'vue';
+import type { TetherClient } from '@tthr/client';
+/**
+ * Get the Tether client instance
+ */
+export declare function useTether(): TetherClient;
+/**
+ * Query state returned by useQuery
+ */
+export interface QueryState<T> {
+    data: Ref<T | undefined>;
+    error: Ref<Error | null>;
+    isLoading: Ref<boolean>;
+    refetch: () => Promise<void>;
+}
+/**
+ * Query function reference
+ */
+export interface QueryFunction<TArgs = void, TResult = unknown> {
+    _name: string;
+    _args?: TArgs;
+    _result?: TResult;
+}
+/**
+ * Reactive query composable with auto-subscription
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { data: posts, isLoading } = useQuery(api.posts.list);
+ * </script>
+ * ```
+ */
+export declare function useQuery<TArgs, TResult>(query: QueryFunction<TArgs, TResult>, args?: TArgs): QueryState<TResult>;
+/**
+ * Mutation state returned by useMutation
+ */
+export interface MutationState<TArgs, TResult> {
+    data: Ref<TResult | undefined>;
+    error: Ref<Error | null>;
+    isPending: Ref<boolean>;
+    mutate: (args: TArgs) => Promise<TResult>;
+    reset: () => void;
+}
+/**
+ * Mutation function reference
+ */
+export interface MutationFunction<TArgs = void, TResult = unknown> {
+    _name: string;
+    _args?: TArgs;
+    _result?: TResult;
+}
+/**
+ * Mutation composable
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { mutate: createPost, isPending } = useMutation(api.posts.create);
+ *
+ * async function handleSubmit() {
+ *   await createPost({ title: 'Hello', content: '...' });
+ * }
+ * </script>
+ * ```
+ */
+export declare function useMutation<TArgs, TResult>(mutation: MutationFunction<TArgs, TResult>): MutationState<TArgs, TResult>;
+//# sourceMappingURL=composables.d.ts.map

package/dist/runtime/composables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables.d.ts","sourceRoot":"","sources":["../../src/runtime/composables.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD;;GAEG;AACH,wBAAgB,SAAS,IAAI,YAAY,CAExC;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,GAAG,OAAO;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,EACrC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,EACpC,IAAI,CAAC,EAAE,KAAK,GACX,UAAU,CAAC,OAAO,CAAC,CA4CrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,KAAK,EAAE,OAAO;IAC3C,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/B,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB,CAAC,KAAK,GAAG,IAAI,EAAE,OAAO,GAAG,OAAO;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EACxC,QAAQ,EAAE,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,GACzC,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAmC/B"}

package/dist/runtime/composables.js

@@ -0,0 +1,112 @@
+/**
+ * Nuxt composables for Tether
+ *
+ * These are auto-imported when using the Tether Nuxt module.
+ */
+import { ref, onMounted, onUnmounted } from 'vue';
+import { getTetherClient } from './plugin';
+/**
+ * Get the Tether client instance
+ */
+export function useTether() {
+    return getTetherClient();
+}
+/**
+ * Reactive query composable with auto-subscription
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { data: posts, isLoading } = useQuery(api.posts.list);
+ * </script>
+ * ```
+ */
+export function useQuery(query, args) {
+    const data = ref();
+    const error = ref(null);
+    const isLoading = ref(true);
+    let unsubscribe = null;
+    const fetchData = async () => {
+        try {
+            isLoading.value = true;
+            error.value = null;
+            const client = getTetherClient();
+            const result = await client.query(query._name, args);
+            data.value = result;
+        }
+        catch (e) {
+            error.value = e instanceof Error ? e : new Error(String(e));
+        }
+        finally {
+            isLoading.value = false;
+        }
+    };
+    onMounted(async () => {
+        await fetchData();
+        // Subscribe to realtime updates
+        const client = getTetherClient();
+        unsubscribe = client.subscribe(query._name, args, (newData) => {
+            data.value = newData;
+        });
+    });
+    onUnmounted(() => {
+        if (unsubscribe) {
+            unsubscribe();
+        }
+    });
+    return {
+        data: data,
+        error,
+        isLoading,
+        refetch: fetchData,
+    };
+}
+/**
+ * Mutation composable
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { mutate: createPost, isPending } = useMutation(api.posts.create);
+ *
+ * async function handleSubmit() {
+ *   await createPost({ title: 'Hello', content: '...' });
+ * }
+ * </script>
+ * ```
+ */
+export function useMutation(mutation) {
+    const data = ref();
+    const error = ref(null);
+    const isPending = ref(false);
+    const mutate = async (args) => {
+        try {
+            isPending.value = true;
+            error.value = null;
+            const client = getTetherClient();
+            const result = await client.mutation(mutation._name, args);
+            data.value = result;
+            return result;
+        }
+        catch (e) {
+            error.value = e instanceof Error ? e : new Error(String(e));
+            throw e;
+        }
+        finally {
+            isPending.value = false;
+        }
+    };
+    const reset = () => {
+        data.value = undefined;
+        error.value = null;
+        isPending.value = false;
+    };
+    return {
+        data: data,
+        error,
+        isPending,
+        mutate,
+        reset,
+    };
+}
+//# sourceMappingURL=composables.js.map

package/dist/runtime/composables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables.js","sourceRoot":"","sources":["../../src/runtime/composables.ts"],"names":[],"mappings":"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"}

package/dist/runtime/plugin.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Nuxt plugin that initialises the Tether client
+ */
+import { TetherClient } from '@tthr/client';
+declare const _default: any;
+export default _default;
+/**
+ * Get the Tether client instance (for internal use by composables)
+ */
+export declare function getTetherClient(): TetherClient;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/runtime/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/runtime/plugin.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;;AAK5C,wBAkBG;AAEH;;GAEG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAK9C"}

package/dist/runtime/plugin.js

@@ -0,0 +1,33 @@
+/**
+ * Nuxt plugin that initialises the Tether client
+ */
+import { defineNuxtPlugin, useRuntimeConfig } from '#app';
+import { TetherClient } from '@tthr/client';
+// Global client instance
+let tetherClient = null;
+export default defineNuxtPlugin(() => {
+    const config = useRuntimeConfig();
+    const tetherConfig = config.public.tether;
+    if (!tetherConfig.projectId) {
+        console.warn('[Tether] No projectId configured. Set it in nuxt.config.ts under tether.projectId or via NUXT_PUBLIC_TETHER_PROJECT_ID env var.');
+    }
+    tetherClient = new TetherClient({
+        projectId: tetherConfig.projectId,
+        url: tetherConfig.url,
+    });
+    return {
+        provide: {
+            tether: tetherClient,
+        },
+    };
+});
+/**
+ * Get the Tether client instance (for internal use by composables)
+ */
+export function getTetherClient() {
+    if (!tetherClient) {
+        throw new Error('[Tether] Client not initialised. Make sure the Tether module is configured in nuxt.config.ts');
+    }
+    return tetherClient;
+}
+//# sourceMappingURL=plugin.js.map

package/dist/runtime/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../../src/runtime/plugin.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,yBAAyB;AACzB,IAAI,YAAY,GAAwB,IAAI,CAAC;AAE7C,eAAe,gBAAgB,CAAC,GAAG,EAAE;IACnC,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAC;IAClC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,MAA4C,CAAC;IAEhF,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;QAC5B,OAAO,CAAC,IAAI,CAAC,iIAAiI,CAAC,CAAC;IAClJ,CAAC;IAED,YAAY,GAAG,IAAI,YAAY,CAAC;QAC9B,SAAS,EAAE,YAAY,CAAC,SAAS;QACjC,GAAG,EAAE,YAAY,CAAC,GAAG;KACtB,CAAC,CAAC;IAEH,OAAO;QACL,OAAO,EAAE;YACP,MAAM,EAAE,YAAY;SACrB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,eAAe;IAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CAAC,8FAA8F,CAAC,CAAC;IAClH,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/nuxt/module.ts

@@ -0,0 +1,76 @@
+/**
+ * @tthr/vue/nuxt - Tether Nuxt Module
+ *
+ * Automatically configures Tether for Nuxt applications.
+ *
+ * Usage in nuxt.config.ts:
+ * ```ts
+ * export default defineNuxtConfig({
+ *   modules: ['@tthr/vue/nuxt'],
+ *   tether: {
+ *     projectId: 'your-project-id',
+ *     url: 'https://api.tether.strands.gg', // optional
+ *   },
+ * })
+ * ```
+ */
+
+import { defineNuxtModule, addPlugin, createResolver, addImports, addComponent } from '@nuxt/kit';
+
+export interface TetherModuleOptions {
+  /** Project ID from Tether dashboard */
+  projectId?: string;
+  /** API endpoint (defaults to Tether Cloud) */
+  url?: string;
+}
+
+export default defineNuxtModule<TetherModuleOptions>({
+  meta: {
+    name: '@tthr/vue',
+    configKey: 'tether',
+    compatibility: {
+      nuxt: '>=3.0.0',
+    },
+  },
+  defaults: {
+    projectId: undefined,
+    url: undefined,
+  },
+  setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+
+    // Add runtime config for client-side access
+    nuxt.options.runtimeConfig.public.tether = {
+      projectId: options.projectId || '',
+      url: options.url || 'https://api.tether.strands.gg',
+    };
+
+    // Add the plugin that initialises Tether on the client
+    addPlugin({
+      src: resolver.resolve('./runtime/plugin'),
+      mode: 'client',
+    });
+
+    // Auto-import composables so users don't need explicit imports
+    addImports([
+      {
+        name: 'useQuery',
+        from: resolver.resolve('./runtime/composables'),
+      },
+      {
+        name: 'useMutation',
+        from: resolver.resolve('./runtime/composables'),
+      },
+      {
+        name: 'useTether',
+        from: resolver.resolve('./runtime/composables'),
+      },
+    ]);
+
+    // Auto-import components
+    addComponent({
+      name: 'TetherWelcome',
+      filePath: resolver.resolve('./runtime/components/TetherWelcome.vue'),
+    });
+  },
+});

package/nuxt/runtime/components/TetherWelcome.vue

@@ -0,0 +1,467 @@
+<template>
+  <div class="tether-welcome">
+    <div class="tether-welcome__container">
+      <header class="tether-welcome__header">
+        <div class="tether-welcome__logo">
+          <svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <rect width="40" height="40" rx="8" fill="currentColor" />
+            <path d="M12 14h16M20 14v14M14 28h12" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+        </div>
+        <h1>Welcome to Tether</h1>
+        <p class="tether-welcome__subtitle">Realtime SQLite for modern apps</p>
+      </header>
+
+      <div class="tether-welcome__status">
+        <div class="tether-welcome__status-item" :class="{ 'tether-welcome__status-item--success': isConnected }">
+          <span class="tether-welcome__status-dot"></span>
+          <span>{{ isConnected ? 'Connected to Tether' : 'Connecting...' }}</span>
+        </div>
+      </div>
+
+      <section class="tether-welcome__demo">
+        <h2>Try it out</h2>
+        <p class="tether-welcome__demo-intro">Create posts in realtime. Open this page in multiple tabs to see live updates!</p>
+
+        <form class="tether-welcome__form" @submit.prevent="handleCreatePost">
+          <input
+            v-model="newPostTitle"
+            type="text"
+            placeholder="Enter a post title..."
+            class="tether-welcome__input"
+            :disabled="createPost.isPending.value"
+          />
+          <button
+            type="submit"
+            class="tether-welcome__button"
+            :disabled="!newPostTitle.trim() || createPost.isPending.value"
+          >
+            {{ createPost.isPending.value ? 'Creating...' : 'Create Post' }}
+          </button>
+        </form>
+
+        <div v-if="posts.error.value" class="tether-welcome__error">
+          {{ posts.error.value.message }}
+        </div>
+
+        <div class="tether-welcome__posts">
+          <div v-if="posts.isLoading.value" class="tether-welcome__loading">
+            Loading posts...
+          </div>
+          <template v-else-if="posts.data.value?.length">
+            <article
+              v-for="post in posts.data.value"
+              :key="post.id"
+              class="tether-welcome__post"
+            >
+              <div class="tether-welcome__post-content">
+                <h3>{{ post.title }}</h3>
+                <time>{{ formatDate(post.createdAt) }}</time>
+              </div>
+              <button
+                class="tether-welcome__post-delete"
+                @click="handleDeletePost(post.id)"
+                :disabled="deletePost.isPending.value"
+                title="Delete post"
+              >
+                <svg viewBox="0 0 20 20" fill="currentColor">
+                  <path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd" />
+                </svg>
+              </button>
+            </article>
+          </template>
+          <p v-else class="tether-welcome__empty">
+            No posts yet. Create your first one above!
+          </p>
+        </div>
+      </section>
+
+      <section class="tether-welcome__links">
+        <a href="https://tether.strands.gg/docs" target="_blank" rel="noopener" class="tether-welcome__link">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+          </svg>
+          <span>Documentation</span>
+        </a>
+        <a href="https://github.com/StrandsServices/tether" target="_blank" rel="noopener" class="tether-welcome__link">
+          <svg viewBox="0 0 24 24" fill="currentColor">
+            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+          </svg>
+          <span>GitHub</span>
+        </a>
+        <a href="https://discord.gg/strands" target="_blank" rel="noopener" class="tether-welcome__link">
+          <svg viewBox="0 0 24 24" fill="currentColor">
+            <path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/>
+          </svg>
+          <span>Discord</span>
+        </a>
+      </section>
+
+      <footer class="tether-welcome__footer">
+        <p>Built with Tether by <a href="https://strands.gg" target="_blank" rel="noopener">Strands Services</a></p>
+      </footer>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { useTether, useQuery, useMutation } from '../composables';
+
+interface Post {
+  id: string;
+  title: string;
+  content: string;
+  authorId: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+const isConnected = ref(false);
+const newPostTitle = ref('');
+
+// Set up queries and mutations
+const posts = useQuery<void, Post[]>({ _name: 'posts.list' });
+const createPost = useMutation<{ title: string; content?: string }, { id: string }>({ _name: 'posts.create' });
+const deletePost = useMutation<{ id: string }, void>({ _name: 'posts.remove' });
+
+onMounted(async () => {
+  try {
+    const client = useTether();
+    await client.connect();
+    isConnected.value = true;
+  } catch {
+    // Connection handled by client
+  }
+});
+
+async function handleCreatePost() {
+  if (!newPostTitle.value.trim()) return;
+
+  try {
+    await createPost.mutate({
+      title: newPostTitle.value.trim(),
+      content: '',
+    });
+    newPostTitle.value = '';
+    await posts.refetch();
+  } catch (error) {
+    console.error('Failed to create post:', error);
+  }
+}
+
+async function handleDeletePost(id: string) {
+  try {
+    await deletePost.mutate({ id });
+    await posts.refetch();
+  } catch (error) {
+    console.error('Failed to delete post:', error);
+  }
+}
+
+function formatDate(dateString: string): string {
+  const date = new Date(dateString);
+  return date.toLocaleDateString('en-GB', {
+    day: 'numeric',
+    month: 'short',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+  });
+}
+</script>
+
+<style scoped>
+.tether-welcome {
+  min-height: 100vh;
+  background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
+  color: #e4e4e7;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  padding: 2rem;
+}
+
+.tether-welcome__container {
+  max-width: 640px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 2.5rem;
+}
+
+.tether-welcome__header {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
+}
+
+.tether-welcome__logo {
+  width: 64px;
+  height: 64px;
+  color: #6366f1;
+}
+
+.tether-welcome__header h1 {
+  font-size: 2.5rem;
+  font-weight: 700;
+  margin: 0;
+  background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+.tether-welcome__subtitle {
+  color: #a1a1aa;
+  font-size: 1.125rem;
+  margin: 0;
+}
+
+.tether-welcome__status {
+  display: flex;
+  justify-content: center;
+}
+
+.tether-welcome__status-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 1rem;
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 9999px;
+  font-size: 0.875rem;
+  color: #a1a1aa;
+}
+
+.tether-welcome__status-item--success {
+  color: #4ade80;
+}
+
+.tether-welcome__status-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #a1a1aa;
+}
+
+.tether-welcome__status-item--success .tether-welcome__status-dot {
+  background: #4ade80;
+  box-shadow: 0 0 8px #4ade80;
+}
+
+.tether-welcome__demo {
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 1rem;
+  padding: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.tether-welcome__demo h2 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  margin: 0;
+  color: #f4f4f5;
+}
+
+.tether-welcome__demo-intro {
+  color: #a1a1aa;
+  font-size: 0.875rem;
+  margin: 0;
+}
+
+.tether-welcome__form {
+  display: flex;
+  gap: 0.75rem;
+}
+
+.tether-welcome__input {
+  flex: 1;
+  padding: 0.75rem 1rem;
+  background: rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 0.5rem;
+  color: #e4e4e7;
+  font-size: 0.875rem;
+  outline: none;
+  transition: border-color 0.2s, box-shadow 0.2s;
+}
+
+.tether-welcome__input:focus {
+  border-color: #6366f1;
+  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
+}
+
+.tether-welcome__input::placeholder {
+  color: #71717a;
+}
+
+.tether-welcome__button {
+  padding: 0.75rem 1.5rem;
+  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+  border: none;
+  border-radius: 0.5rem;
+  color: white;
+  font-size: 0.875rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: opacity 0.2s, transform 0.2s;
+  white-space: nowrap;
+}
+
+.tether-welcome__button:hover:not(:disabled) {
+  opacity: 0.9;
+  transform: translateY(-1px);
+}
+
+.tether-welcome__button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.tether-welcome__error {
+  padding: 0.75rem 1rem;
+  background: rgba(239, 68, 68, 0.1);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  border-radius: 0.5rem;
+  color: #fca5a5;
+  font-size: 0.875rem;
+}
+
+.tether-welcome__posts {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  min-height: 100px;
+}
+
+.tether-welcome__loading,
+.tether-welcome__empty {
+  color: #71717a;
+  font-size: 0.875rem;
+  text-align: center;
+  padding: 2rem;
+}
+
+.tether-welcome__post {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 0.875rem 1rem;
+  background: rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+  border-radius: 0.5rem;
+  transition: background 0.2s;
+}
+
+.tether-welcome__post:hover {
+  background: rgba(0, 0, 0, 0.3);
+}
+
+.tether-welcome__post-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.tether-welcome__post-content h3 {
+  font-size: 0.9375rem;
+  font-weight: 500;
+  margin: 0 0 0.25rem 0;
+  color: #f4f4f5;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.tether-welcome__post-content time {
+  font-size: 0.75rem;
+  color: #71717a;
+}
+
+.tether-welcome__post-delete {
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: transparent;
+  border: none;
+  border-radius: 0.375rem;
+  color: #71717a;
+  cursor: pointer;
+  transition: color 0.2s, background 0.2s;
+}
+
+.tether-welcome__post-delete:hover:not(:disabled) {
+  color: #ef4444;
+  background: rgba(239, 68, 68, 0.1);
+}
+
+.tether-welcome__post-delete:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.tether-welcome__post-delete svg {
+  width: 18px;
+  height: 18px;
+}
+
+.tether-welcome__links {
+  display: flex;
+  justify-content: center;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+
+.tether-welcome__link {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.625rem 1rem;
+  background: rgba(255, 255, 255, 0.05);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 0.5rem;
+  color: #a1a1aa;
+  text-decoration: none;
+  font-size: 0.875rem;
+  transition: background 0.2s, color 0.2s, border-color 0.2s;
+}
+
+.tether-welcome__link:hover {
+  background: rgba(255, 255, 255, 0.08);
+  color: #e4e4e7;
+  border-color: rgba(255, 255, 255, 0.15);
+}
+
+.tether-welcome__link svg {
+  width: 18px;
+  height: 18px;
+}
+
+.tether-welcome__footer {
+  text-align: center;
+  padding-top: 1rem;
+  border-top: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.tether-welcome__footer p {
+  color: #52525b;
+  font-size: 0.8125rem;
+  margin: 0;
+}
+
+.tether-welcome__footer a {
+  color: #6366f1;
+  text-decoration: none;
+}
+
+.tether-welcome__footer a:hover {
+  text-decoration: underline;
+}
+</style>

package/nuxt/runtime/composables.ts

@@ -0,0 +1,170 @@
+/**
+ * Nuxt composables for Tether
+ *
+ * These are auto-imported when using the Tether Nuxt module.
+ */
+
+import { ref, onMounted, onUnmounted, type Ref } from 'vue';
+import { tetherClient } from './plugin';
+import type { TetherClient } from '@tthr/client';
+
+/**
+ * Get the Tether client instance
+ */
+export function useTether(): TetherClient {
+  if (!tetherClient) {
+    throw new Error('[Tether] Client not initialised. Make sure the Tether module is configured in nuxt.config.ts');
+  }
+  return tetherClient;
+}
+
+/**
+ * Query state returned by useQuery
+ */
+export interface QueryState<T> {
+  data: Ref<T | undefined>;
+  error: Ref<Error | null>;
+  isLoading: Ref<boolean>;
+  refetch: () => Promise<void>;
+}
+
+/**
+ * Query function reference
+ */
+export interface QueryFunction<TArgs = void, TResult = unknown> {
+  _name: string;
+  _args?: TArgs;
+  _result?: TResult;
+}
+
+/**
+ * Reactive query composable with auto-subscription
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { data: posts, isLoading } = useQuery(api.posts.list);
+ * </script>
+ * ```
+ */
+export function useQuery<TArgs, TResult>(
+  query: QueryFunction<TArgs, TResult>,
+  args?: TArgs
+): QueryState<TResult> {
+  const data = ref<TResult>();
+  const error = ref<Error | null>(null);
+  const isLoading = ref(true);
+
+  let unsubscribe: (() => void) | null = null;
+
+  const fetchData = async () => {
+    try {
+      isLoading.value = true;
+      error.value = null;
+
+      const client = useTether();
+      const result = await client.query(query._name, args);
+      data.value = result as TResult;
+    } catch (e) {
+      error.value = e instanceof Error ? e : new Error(String(e));
+    } finally {
+      isLoading.value = false;
+    }
+  };
+
+  onMounted(async () => {
+    await fetchData();
+
+    // Subscribe to realtime updates
+    const client = useTether();
+    unsubscribe = client.subscribe(query._name, args, (newData) => {
+      data.value = newData as TResult;
+    });
+  });
+
+  onUnmounted(() => {
+    if (unsubscribe) {
+      unsubscribe();
+    }
+  });
+
+  return {
+    data: data as Ref<TResult | undefined>,
+    error,
+    isLoading,
+    refetch: fetchData,
+  };
+}
+
+/**
+ * Mutation state returned by useMutation
+ */
+export interface MutationState<TArgs, TResult> {
+  data: Ref<TResult | undefined>;
+  error: Ref<Error | null>;
+  isPending: Ref<boolean>;
+  mutate: (args: TArgs) => Promise<TResult>;
+  reset: () => void;
+}
+
+/**
+ * Mutation function reference
+ */
+export interface MutationFunction<TArgs = void, TResult = unknown> {
+  _name: string;
+  _args?: TArgs;
+  _result?: TResult;
+}
+
+/**
+ * Mutation composable
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { mutate: createPost, isPending } = useMutation(api.posts.create);
+ *
+ * async function handleSubmit() {
+ *   await createPost({ title: 'Hello', content: '...' });
+ * }
+ * </script>
+ * ```
+ */
+export function useMutation<TArgs, TResult>(
+  mutation: MutationFunction<TArgs, TResult>
+): MutationState<TArgs, TResult> {
+  const data = ref<TResult>();
+  const error = ref<Error | null>(null);
+  const isPending = ref(false);
+
+  const mutate = async (args: TArgs): Promise<TResult> => {
+    try {
+      isPending.value = true;
+      error.value = null;
+
+      const client = useTether();
+      const result = await client.mutation(mutation._name, args);
+      data.value = result as TResult;
+      return result as TResult;
+    } catch (e) {
+      error.value = e instanceof Error ? e : new Error(String(e));
+      throw e;
+    } finally {
+      isPending.value = false;
+    }
+  };
+
+  const reset = () => {
+    data.value = undefined;
+    error.value = null;
+    isPending.value = false;
+  };
+
+  return {
+    data: data as Ref<TResult | undefined>,
+    error,
+    isPending,
+    mutate,
+    reset,
+  };
+}

package/nuxt/runtime/plugin.ts

@@ -0,0 +1,33 @@
+/**
+ * Nuxt plugin that initialises the Tether client
+ */
+
+import { defineNuxtPlugin, useRuntimeConfig } from '#app';
+import { TetherClient } from '@tthr/client';
+
+// Global client instance for use by composables
+export let tetherClient: TetherClient | null = null;
+
+export default defineNuxtPlugin(() => {
+  const config = useRuntimeConfig();
+  const tetherConfig = config.public.tether as { projectId: string; url: string };
+
+  if (!tetherConfig.projectId) {
+    console.warn('[Tether] No projectId configured. Set it in nuxt.config.ts under tether.projectId or via NUXT_PUBLIC_TETHER_PROJECT_ID env var.');
+  }
+
+  // Build the WebSocket URL from the API URL and project ID
+  const wsUrl = tetherConfig.url
+    .replace('https://', 'wss://')
+    .replace('http://', 'ws://');
+
+  tetherClient = new TetherClient({
+    url: `${wsUrl}/ws/${tetherConfig.projectId}`,
+  });
+
+  return {
+    provide: {
+      tether: tetherClient,
+    },
+  };
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tthr/vue",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Tether Vue/Nuxt SDK",
   "type": "module",
   "main": "./dist/index.js",
@@ -9,10 +9,14 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
+    },
+    "./nuxt": {
+      "import": "./nuxt/module.ts"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "nuxt"
   ],
   "scripts": {
     "build": "tsc",
@@ -20,12 +24,13 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@nuxt/kit": "^3.14.0",
     "@tthr/client": "*"
   },
   "devDependencies": {
     "typescript": "^5.7.2"
   },
   "peerDependencies": {
-    "vue": "^3.5.0"
+    "vue": "^3.0.0"
   }
 }