fix: build nuxt module using @nuxt/module-builder (#224)

Author: BobbieGoede

build.config.ts

@@ -5,6 +5,8 @@ export default defineBuildConfig({
     emitCJS: true,
   },
   declaration: true,
+  // warnings triggered by nuxt exports not being built - happens in separate script
+  failOnWarn: false,
   entries: [
     // Plugin
     {
@@ -21,28 +23,6 @@ export default defineBuildConfig({
       format: 'cjs',
       ext: 'cjs',
     },
-    // Nuxt
-    {
-      input: 'src/nuxt/module.ts',
-      outDir: 'dist',
-      name: 'nuxt',
-      format: 'esm',
-      ext: 'mjs',
-    },
-    {
-      input: 'src/nuxt/module.ts',
-      outDir: 'dist',
-      name: 'nuxt',
-      format: 'cjs',
-      ext: 'cjs',
-    },
-    // Copy runtime folder with mkdist
-    {
-      builder: 'mkdist',
-      input: 'src/nuxt/runtime',
-      outDir: 'dist/runtime',
-      declaration: false,
-    },
   ],
   externals: [
     '@nuxt/kit',

docs/nuxt.config.ts

@@ -4,7 +4,7 @@ export default defineNuxtConfig({
   theme: '@nuxt-themes/docus',
   alias: {
     '@vueuse/motion': resolve(__dirname, '../src/index.ts'),
-    '@vueuse/motion/nuxt': resolve(__dirname, '../src/nuxt/module.ts'),
+    '@vueuse/motion/nuxt': resolve(__dirname, '../src/nuxt/src/module.ts'),
   },
   modules: ['@vueuse/motion/nuxt'],
   features: {

package.json

@@ -26,8 +26,8 @@
       "require": "./dist/index.cjs"
     },
     "./nuxt": {
-      "import": "./dist/nuxt.mjs",
-      "require": "./dist/nuxt.cjs"
+      "import": "./dist/nuxt/module.mjs",
+      "require": "./dist/nuxt/module.cjs"
     }
   },
   "main": "./dist/index.cjs",
@@ -47,7 +47,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "unbuild  && node ./scripts/fix-nuxt-build.mjs",
+    "build": "unbuild && pnpm build:nuxt-module",
+    "build:nuxt-module": "nuxt-module-build build ./src/nuxt --outDir ../../dist/nuxt",
     "dev": "pnpm dev:vite",
     "release": "release-it",
     "lint": "eslint .",
@@ -84,25 +85,27 @@
     "style-value-types": "^5.1.2"
   },
   "optionalDependencies": {
-    "@nuxt/kit": "^3.11.2"
+    "@nuxt/kit": "^3.13.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^2.19.1",
-    "@nuxt/kit": "^3.11.2",
-    "@nuxt/schema": "^3.11.2",
+    "@nuxt/kit": "^3.13.0",
+    "@nuxt/module-builder": "^0.8.3",
+    "@nuxt/schema": "^3.13.0",
     "@vitest/coverage-v8": "^1.6.0",
     "@vue/test-utils": "^2.4.6",
     "chokidar": "^3.6.0",
     "eslint": "^9.3.0",
     "happy-dom": "^14.12.0",
     "lint-staged": "^15.2.5",
+    "nuxt": "^3.13.0",
     "pkg-pr-new": "^0.0.20",
     "prettier": "^3.2.5",
     "typescript": "^5.4.5",
     "unbuild": "^2.0.0",
     "vite": "5.2.12",
     "vitest": "^1.6.0",
-    "vue": "^3.4.27",
+    "vue": "^3.4.38",
     "yorkie": "^2.0.0"
   },
   "pnpm": {

playgrounds/nuxt/nuxt.config.ts

@@ -7,7 +7,7 @@ export default defineNuxtConfig({
   css: ['~/assets/pico.css'],
   alias: {
     '@vueuse/motion': resolve(__dirname, '../../src/index.ts'),
-    '@vueuse/motion/nuxt': resolve(__dirname, '../../src/nuxt/module.ts'),
+    '@vueuse/motion/nuxt': resolve(__dirname, '../../src/nuxt/src/module.ts'),
   },
   modules: ['@vueuse/motion/nuxt', '@nuxt/content'],
   content: {