@vue-solana/nuxt 0.1.2 → 0.2.0

package/README.md

@@ -9,8 +9,8 @@ New to Solana? Start with the official docs and the project concepts guide:
 - [Solana Documentation](https://solana.com/docs)
 - [Solana RPC Methods](https://solana.com/docs/rpc)
 - [Solana Clusters](https://solana.com/docs/references/clusters)
-- [Vue Solana Concepts Guide](https://github.com/vue-solana/vue-solana/tree/main/apps/docs/content/concepts/solana-for-vue-developers.md)
-- [`@vue-solana/nuxt` docs](https://github.com/vue-solana/vue-solana/tree/main/apps/docs/content/packages/nuxt.md)
+- [Vue Solana Concepts Guide](https://vue-solana-docs.vercel.app/concepts/solana-for-vue-developers)
+- [`@vue-solana/nuxt` docs](https://vue-solana-docs.vercel.app/packages/nuxt)
 
 ## Install
 
@@ -26,24 +26,24 @@ npm install @vue-solana/nuxt @vue-solana/vue @vue-solana/core @solana/web3-compa
 
 ```ts
 export default defineNuxtConfig({
-  modules: ['@vue-solana/nuxt'],
+  modules: ["@vue-solana/nuxt"],
   solana: {
-    cluster: 'devnet'
-  }
-})
+    cluster: "devnet",
+  },
+});
 ```
 
 You can also configure a custom RPC endpoint:
 
 ```ts
 export default defineNuxtConfig({
-  modules: ['@vue-solana/nuxt'],
+  modules: ["@vue-solana/nuxt"],
   solana: {
-    cluster: 'mainnet-beta',
-    endpoint: 'https://your-rpc.example.com',
-    commitment: 'confirmed'
-  }
-})
+    cluster: "mainnet-beta",
+    endpoint: "https://your-rpc.example.com",
+    commitment: "confirmed",
+  },
+});
 ```
 
 Supported clusters are `mainnet-beta`, `devnet`, `testnet`, and `localnet`. Use `mainnet-beta` for Solana mainnet; this is Solana's official cluster name.
@@ -69,13 +69,7 @@ The module auto-imports these composables from `@vue-solana/vue`:
 
 ```vue
 <script setup lang="ts">
-const {
-  cluster,
-  endpoint,
-  status,
-  latestBlockhash,
-  checkConnection
-} = useSolanaRpc()
+const { cluster, endpoint, status, latestBlockhash, checkConnection } = useSolanaRpc();
 </script>
 
 <template>
@@ -93,8 +87,8 @@ const {
 
 ```vue
 <script setup lang="ts">
-const address = ref('PASTE_A_SOLANA_ADDRESS')
-const { balance, loading, error, refresh } = useSolanaBalance(address)
+const address = ref("PASTE_A_SOLANA_ADDRESS");
+const { balance, loading, error, refresh } = useSolanaBalance(address);
 </script>
 
 <template>
@@ -111,20 +105,31 @@ const { balance, loading, error, refresh } = useSolanaBalance(address)
 
 ```vue
 <script setup lang="ts">
-const { publicKey, connected, connect, disconnect } = useSolanaWallet()
+const { wallets, selectedWallet, selectWallet, refreshWallets } = useSolanaWallets();
+const { publicKey, connected, connect, disconnect } = useSolanaWallet();
 </script>
 
 <template>
   <section>
+    <button type="button" @click="refreshWallets">Refresh Wallets</button>
+    <button
+      v-for="wallet in wallets"
+      :key="wallet.name"
+      type="button"
+      @click="selectWallet(wallet)"
+    >
+      {{ wallet.name }}
+    </button>
+    <p>Selected: {{ selectedWallet?.name ?? "None" }}</p>
     <p>Connected: {{ connected }}</p>
     <p>Public key: {{ publicKey?.toBase58() }}</p>
-    <button type="button" @click="connect">Connect</button>
-    <button type="button" @click="disconnect">Disconnect</button>
+    <button type="button" :disabled="!selectedWallet || connected" @click="connect">Connect</button>
+    <button type="button" :disabled="!connected" @click="disconnect">Disconnect</button>
   </section>
 </template>
 ```
 
-Browser wallet discovery is not included yet. Wallet actions work only after you configure a wallet object that implements `SolanaWallet`.
+Browser wallets are discovered through the Solana Wallet Standard. Wallet actions work after selecting a discovered wallet or configuring a custom `SolanaWallet`.
 
 ## Example App
 
@@ -134,7 +139,7 @@ This README includes small snippets for quick reference. For a complete runnable
 pnpm dev:nuxt
 ```
 
-Source: [`examples/nuxt`](https://github.com/vue-solana/vue-solana/tree/main/examples/nuxt)
+Docs: [`examples/nuxt`](https://vue-solana-docs.vercel.app/examples/nuxt)
 
 ## Known TypeScript Issue
 
@@ -143,12 +148,8 @@ Source: [`examples/nuxt`](https://github.com/vue-solana/vue-solana/tree/main/exa
 If TypeScript cannot resolve `@solana/web3-compat`, add `types/web3-compat.d.ts` to your app:
 
 ```ts
-declare module '@solana/web3-compat' {
-  export type {
-    Commitment,
-    SendOptions,
-    TransactionSignature
-  } from '@solana/web3.js'
+declare module "@solana/web3-compat" {
+  export type { Commitment, SendOptions, TransactionSignature } from "@solana/web3.js";
   export {
     Connection,
     Keypair,
@@ -156,8 +157,8 @@ declare module '@solana/web3-compat' {
     SystemProgram,
     Transaction,
     TransactionInstruction,
-    VersionedTransaction
-  } from '@solana/web3.js'
+    VersionedTransaction,
+  } from "@solana/web3.js";
 }
 ```
 
@@ -165,4 +166,4 @@ Make sure your `tsconfig.json` includes `types/**/*.d.ts` or another pattern tha
 
 ## Status
 
-This package is early-stage. RPC and balance reads are usable; first-class browser wallet adapter support is planned.
+This package is early-stage. RPC, balance, wallet, and transaction composables are usable in Nuxt apps.

package/dist/module.cjs

@@ -24,9 +24,14 @@ const module$1 = kit.defineNuxtModule({
       { name: "useBalance", as: "useSolanaBalance", from: "@vue-solana/vue" },
       { name: "useConnection", as: "useSolanaConnection", from: "@vue-solana/vue" },
       { name: "useRpc", as: "useSolanaRpc", from: "@vue-solana/vue" },
-      { name: "useSignAndSendTransaction", as: "useSolanaSignAndSendTransaction", from: "@vue-solana/vue" },
+      {
+        name: "useSignAndSendTransaction",
+        as: "useSolanaSignAndSendTransaction",
+        from: "@vue-solana/vue"
+      },
       { name: "useSolana", as: "useSolana", from: "@vue-solana/vue" },
-      { name: "useWallet", as: "useSolanaWallet", from: "@vue-solana/vue" }
+      { name: "useWallet", as: "useSolanaWallet", from: "@vue-solana/vue" },
+      { name: "useWallets", as: "useSolanaWallets", from: "@vue-solana/vue" }
     ]);
   }
 });

package/dist/module.d.cts

@@ -1,9 +1,8 @@
 import { defineNuxtModule } from '@nuxt/kit';
 import { SolanaConfig } from '@vue-solana/core';
 
-interface ModuleOptions extends SolanaConfig {
-}
-type DefinedNuxtModule = ReturnType<ReturnType<typeof defineNuxtModule<ModuleOptions>>['with']>;
+type ModuleOptions = SolanaConfig;
+type DefinedNuxtModule = ReturnType<ReturnType<typeof defineNuxtModule<ModuleOptions>>["with"]>;
 declare const module$1: DefinedNuxtModule;
 
 export = module$1;

package/dist/module.d.mts

@@ -1,9 +1,8 @@
 import { defineNuxtModule } from '@nuxt/kit';
 import { SolanaConfig } from '@vue-solana/core';
 
-interface ModuleOptions extends SolanaConfig {
-}
-type DefinedNuxtModule = ReturnType<ReturnType<typeof defineNuxtModule<ModuleOptions>>['with']>;
+type ModuleOptions = SolanaConfig;
+type DefinedNuxtModule = ReturnType<ReturnType<typeof defineNuxtModule<ModuleOptions>>["with"]>;
 declare const module$1: DefinedNuxtModule;
 
 export { module$1 as default };

package/dist/module.d.ts

@@ -1,9 +1,8 @@
 import { defineNuxtModule } from '@nuxt/kit';
 import { SolanaConfig } from '@vue-solana/core';
 
-interface ModuleOptions extends SolanaConfig {
-}
-type DefinedNuxtModule = ReturnType<ReturnType<typeof defineNuxtModule<ModuleOptions>>['with']>;
+type ModuleOptions = SolanaConfig;
+type DefinedNuxtModule = ReturnType<ReturnType<typeof defineNuxtModule<ModuleOptions>>["with"]>;
 declare const module$1: DefinedNuxtModule;
 
 export = module$1;

package/dist/module.mjs

@@ -21,9 +21,14 @@ const module$1 = defineNuxtModule({
       { name: "useBalance", as: "useSolanaBalance", from: "@vue-solana/vue" },
       { name: "useConnection", as: "useSolanaConnection", from: "@vue-solana/vue" },
       { name: "useRpc", as: "useSolanaRpc", from: "@vue-solana/vue" },
-      { name: "useSignAndSendTransaction", as: "useSolanaSignAndSendTransaction", from: "@vue-solana/vue" },
+      {
+        name: "useSignAndSendTransaction",
+        as: "useSolanaSignAndSendTransaction",
+        from: "@vue-solana/vue"
+      },
       { name: "useSolana", as: "useSolana", from: "@vue-solana/vue" },
-      { name: "useWallet", as: "useSolanaWallet", from: "@vue-solana/vue" }
+      { name: "useWallet", as: "useSolanaWallet", from: "@vue-solana/vue" },
+      { name: "useWallets", as: "useSolanaWallets", from: "@vue-solana/vue" }
     ]);
   }
 });

package/dist/runtime/plugin.cjs

@@ -5,13 +5,15 @@ const _app = require('#app');
 
 const plugin = _app.defineNuxtPlugin((nuxtApp) => {
   const config = _app.useRuntimeConfig().public.solana;
-  nuxtApp.vueApp.use(vue.createSolanaPlugin({
-    cluster: config.cluster,
-    endpoint: config.endpoint,
-    wsEndpoint: config.wsEndpoint,
-    commitment: config.commitment,
-    autoConnect: config.autoConnect
-  }));
+  nuxtApp.vueApp.use(
+    vue.createSolanaPlugin({
+      cluster: config.cluster,
+      endpoint: config.endpoint,
+      wsEndpoint: config.wsEndpoint,
+      commitment: config.commitment,
+      autoConnect: config.autoConnect
+    })
+  );
 });
 
 module.exports = plugin;

package/dist/runtime/plugin.mjs

@@ -3,13 +3,15 @@ import { defineNuxtPlugin, useRuntimeConfig } from '#app';
 
 const plugin = defineNuxtPlugin((nuxtApp) => {
   const config = useRuntimeConfig().public.solana;
-  nuxtApp.vueApp.use(createSolanaPlugin({
-    cluster: config.cluster,
-    endpoint: config.endpoint,
-    wsEndpoint: config.wsEndpoint,
-    commitment: config.commitment,
-    autoConnect: config.autoConnect
-  }));
+  nuxtApp.vueApp.use(
+    createSolanaPlugin({
+      cluster: config.cluster,
+      endpoint: config.endpoint,
+      wsEndpoint: config.wsEndpoint,
+      commitment: config.commitment,
+      autoConnect: config.autoConnect
+    })
+  );
 });
 
 export { plugin as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-solana/nuxt",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "Nuxt module for Solana applications.",
   "license": "MIT",
   "keywords": [
@@ -38,17 +38,17 @@
     "access": "public"
   },
   "dependencies": {
-    "@vue-solana/core": "0.1.2",
-    "@vue-solana/vue": "0.1.2"
+    "@vue-solana/vue": "0.2.0",
+    "@vue-solana/core": "0.2.0"
   },
   "peerDependencies": {
     "@solana/web3-compat": "^0.0.21",
     "nuxt": "^3.0.0 || ^4.0.0"
   },
   "devDependencies": {
-    "@nuxt/kit": "^3.17.5",
+    "@nuxt/kit": "^4.4.6",
     "@solana/web3-compat": "^0.0.21",
-    "nuxt": "^3.17.5",
+    "nuxt": "^4.4.6",
     "typescript": "^5.8.3",
     "unbuild": "^3.5.0",
     "vue": "^3.5.16"