nuxt package

.github/workflows/npm-publish.yml

@@ -18,3 +18,4 @@ jobs:
           token: ${{ secrets.NPM_AUTH_TOKEN }}
           access: public
           check-version: true
+          package: ./nuxt/package.json

nuxt/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instadapp/vue-web3-nuxt",
-  "version": "1.0.0",
+  "version": "0.9.2",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -23,16 +23,20 @@
   "dependencies": {
     "@esbuild-plugins/node-globals-polyfill": "^0.1.1",
     "@esbuild-plugins/node-modules-polyfill": "^0.1.4",
-    "@instadapp/vue-web3": "^0.7.0",
-    "@nuxt/kit": "^3.0.0-rc.3",
+    "@instadapp/vue-web3": "^0.9.1",
+    "@nuxt/kit": "^3.0.0-rc.11",
     "events": "^3.3.0",
+    "mkdirp-promise": "4",
     "rollup-plugin-node-polyfills": "^0.2.1"
   },
   "devDependencies": {
     "@nuxt/module-builder": "latest",
     "@nuxt/ui": "^0.1.1",
     "@nuxtjs/eslint-config-typescript": "latest",
+    "@web3-react/injected-connector": "^6.0.7",
+    "@web3-react/network-connector": "^6.2.9",
+    "@web3-react/walletconnect-connector": "^6.2.13",
     "eslint": "latest",
-    "nuxt": "^3.0.0-rc.3"
+    "nuxt": "^3.0.0-rc.11"
   }
 }

nuxt/playground/app.vue

@@ -39,7 +39,7 @@ const connectWalletConnect = async () => {
   const { WalletConnectConnector } = await import('@web3-react/walletconnect-connector')
 
   await activate(
-    new WalletConnectConnector({ })
+    new WalletConnectConnector({})
   )
 }
 </script>

nuxt/playground/nuxt.config.ts

@@ -1,12 +1,7 @@
-import { defineNuxtConfig } from 'nuxt'
 import MyModule from '..'
 
 export default defineNuxtConfig({
-  modules: [
-    '@nuxt/ui',
-    MyModule
-  ],
+  modules: ['@nuxt/ui', MyModule],
 
-  web3: {
-  }
+  web3: {},
 })

nuxt/playground/package.json

@@ -6,6 +6,6 @@
     "@web3-react/walletconnect-connector": "^6.2.13"
   },
   "devDependencies": {
-    "@nuxt/ui": "^0.1.1"
+    "@nuxt/ui": "^0.3.3"
   }
 }

nuxt/src/module.ts

@@ -1,4 +1,3 @@
-import { resolve } from 'path'
 import { addAutoImport, defineNuxtModule, extendViteConfig } from '@nuxt/kit'
 import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'
 import rollupNodePolyFill from 'rollup-plugin-node-polyfills'
@@ -10,45 +9,50 @@ export interface ModuleOptions {
 export default defineNuxtModule<ModuleOptions>({
   meta: {
     name: 'vue-web3',
-    configKey: 'web3'
+    configKey: 'web3',
   },
   defaults: {
-    autoImport: true
+    autoImport: true,
   },
-  setup (options, nuxt) {
-    nuxt.hook('vite:extendConfig', (clientConfig, { isClient }) => {
-      if (isClient && process.env.NODE_ENV === 'production') {
-        clientConfig.resolve.alias = {
-          ...clientConfig.resolve.alias,
-          web3: resolve('./node_modules/web3/dist/web3.min.js')
-        }
-      }
-    })
+  setup(options, nuxt) {
+    // nuxt.hook('vite:extendConfig', (clientConfig, { isClient }) => {
+    //   if (isClient && process.env.NODE_ENV === 'production') {
+    //     clientConfig.resolve.alias = {
+    //       ...clientConfig.resolve.alias,
+    //       web3: resolve('./node_modules/web3/dist/web3.min.js')
+    //     }
+    //   }
+    // })
 
     extendViteConfig((config) => {
       config.build = config.build || {}
       config.build.rollupOptions = config.build.rollupOptions || {}
-      config.build.rollupOptions.plugins = config.build.rollupOptions.plugins || []
+      config.build.rollupOptions.plugins =
+        config.build.rollupOptions.plugins || []
       config.build.rollupOptions.plugins.push(rollupNodePolyFill())
 
       config.optimizeDeps = config.optimizeDeps || {}
-      config.optimizeDeps.esbuildOptions = config.optimizeDeps.esbuildOptions || {}
-      config.optimizeDeps.esbuildOptions.define = config.optimizeDeps.esbuildOptions.define || {}
+      config.optimizeDeps.esbuildOptions =
+        config.optimizeDeps.esbuildOptions || {}
+      config.optimizeDeps.esbuildOptions.define =
+        config.optimizeDeps.esbuildOptions.define || {}
       config.optimizeDeps.esbuildOptions.define.global = 'globalThis'
 
-      config.optimizeDeps.esbuildOptions.plugins = config.optimizeDeps.esbuildOptions.plugins || []
+      config.optimizeDeps.esbuildOptions.plugins =
+        config.optimizeDeps.esbuildOptions.plugins || []
       config.optimizeDeps.esbuildOptions.plugins.push(
         NodeGlobalsPolyfillPlugin({
           process: true,
-          buffer: true
-        })
+          buffer: true,
+        }),
       )
     })
 
     if (options.autoImport) {
-      addAutoImport({
-        name: 'useWeb3', from: '@instadapp/vue-web3'
+      addI({
+        name: 'useWeb3',
+        from: '@instadapp/vue-web3',
       })
     }
-  }
+  },
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instadapp/vue-web3",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Vue web3 composition api",
   "license": "MIT",
   "main": "index.js",