nuxt-typed-router 1.2.0 → 1.2.3-beta.0

package/README.md

@@ -57,10 +57,8 @@ npm install -D nuxt-typed-router@legacy
 First, register the module in the `nuxt.config.ts`
 
 ```ts
-import TypedRouter from 'nuxt-typed-router';
-
 export default defineNuxtConfig({
-  buildModules: [TypedRouter],
+  buildModules: ['nuxt-typed-router'],
   nuxtTypedRouter: {
     // options
   },
@@ -101,10 +99,8 @@ The module will generate 4 files each time you modify the `pages` folder :
 You can specify the output dir of the generated files in your configuration. It defaults to `<srcDir>/generated`
 
 ```ts
-import TypedRouter from 'nuxt-typed-router';
-
 export default defineNuxtConfig({
-  buildModules: [TypedRouter],
+  buildModules: ['nuxt-typed-router'],
   nuxtTypedRouter: {
     outDir: './generated',
   },
@@ -194,6 +190,7 @@ It's available anywhere you have access to Nuxt context
 ```vue
 <script lang="ts">
 import { defineComponent } from 'vue';
+import { useNuxtApp } from '#app';
 
 export default defineComponent({
   name: 'Index',

package/dist/module.json

@@ -5,5 +5,5 @@
     "nuxt": "^3.0.0-rc.1",
     "bridge": false
   },
-  "version": "1.2.0"
+  "version": "1.2.3-beta.0"
 }

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { extendPages, defineNuxtModule } from '@nuxt/kit';
+import { extendPages, addPluginTemplate, defineNuxtModule } from '@nuxt/kit';
 import chalk from 'chalk';
 import logSymbols from 'log-symbols';
 import prettier from 'prettier';
@@ -300,7 +300,7 @@ function createRuntimePluginFile(routesDeclTemplate) {
     return {
       provide: {
         typedRouter: nuxtApp.$router,
-        routesList,
+        routesList: 'prout',
       },
     };
   });
@@ -390,10 +390,14 @@ function routeHook(outDir, routesObjectName, srcDir, nuxt) {
     extendPages(async (routes) => {
       if (routes.length) {
         const { routesDeclTemplate, routesList, routesObjectTemplate, routesParams } = constructRouteMap(routes);
-        const pluginName = "__typed-router.ts";
-        nuxt.hook("build:done", async () => {
-          const pluginFolder = `${srcDir}/plugins`;
-          await saveRouteFiles(pluginFolder, srcDir, pluginName, createRuntimePluginFile(routesDeclTemplate));
+        nuxt.hook("build:done", () => {
+          const pluginName = "typed-router.mjs";
+          const plugin = addPluginTemplate({
+            filename: pluginName,
+            write: true,
+            getContents: () => createRuntimePluginFile(routesDeclTemplate)
+          });
+          console.log(plugin);
         });
         await Promise.all([
           saveRouteFiles(outDir, srcDir, "__useTypedRouter.ts", createRuntimeHookFile(routesDeclTemplate)),
@@ -417,9 +421,13 @@ const module = defineNuxtModule({
     configKey: "nuxtTypedRouter",
     compatibility: { nuxt: "^3.0.0-rc.1", bridge: false }
   },
+  defaults: {
+    outDir: `./generated`,
+    routesObjectName: "routerPagesNames"
+  },
   setup(moduleOptions, nuxt) {
     const srcDir = nuxt.options.srcDir;
-    const { outDir = `./generated`, routesObjectName = "routerPagesNames" } = moduleOptions;
+    const { outDir, routesObjectName } = moduleOptions;
     nuxt.hook("pages:extend", () => routeHook(outDir, routesObjectName, srcDir, nuxt));
     routeHook(outDir, routesObjectName, srcDir, nuxt);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-typed-router",
-  "version": "1.2.0",
+  "version": "1.2.3-beta.0",
   "description": "Provide autocompletion for pages route names generated by Nuxt router",
   "type": "module",
   "scripts": {