refactor: update module (#22)

Author: pi0

.github/workflows/ci.yml

@@ -24,4 +24,5 @@ jobs:
       - run: yarn dev:prepare
       - run: yarn lint
       - run: yarn prepack
+      - run: yarn dev:generate
       - run: yarn test

package.json

@@ -18,6 +18,7 @@
     "prepack": "nuxt-module-build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
+    "dev:generate": "nuxi generate playground",
     "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
     "lint": "eslint --ext .js,.ts,.vue .",
     "test": "vitest",

src/module.ts

@@ -1,68 +1,64 @@
 import { fileURLToPath } from 'url'
 import fsp from 'fs/promises'
-import { defineNuxtModule, addPlugin, resolveModule, addServerMiddleware } from '@nuxt/kit'
+import { defineNuxtModule, resolveModule, createResolver } from '@nuxt/kit'
 import { parse, compileScript, compileTemplate } from '@vue/compiler-sfc'
 import type { SFCDescriptor } from '@vue/compiler-sfc'
-import type { Nitro } from 'nitropack'
 
-export interface ModuleOptions {
-  addPlugin: boolean
-}
+export interface ModuleOptions {}
 
 export default defineNuxtModule<ModuleOptions>({
   meta: {
     name: 'nuxt-component-meta',
     configKey: 'componentMeta'
   },
-  defaults: {
-    addPlugin: true
-  },
-  setup (options, nuxt) {
-    if (options.addPlugin) {
-      const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
-      let nitro: Nitro
-      nuxt.hook('components:extend', async (components) => {
-        const componentMeta = await Promise.all(
-          components.map(async (component) => {
-            const name = (component as any).pascalName
-            const path = resolveModule((component as any).filePath, { paths: nuxt.options.rootDir })
-            const source = await fsp.readFile(path, { encoding: 'utf-8' })
-
-            // Parse component source
-            const { descriptor } = parse(source)
-
-            // Parse script
-            const { props } = descriptor.scriptSetup
-              ? parseSetupScript(name, descriptor)
-              : {
-                  props: []
-                }
-
-            const { slots } = parseTemplate(name, descriptor)
-
-            return {
-              name,
-              props,
-              slots
-            }
-          })
-        )
-        nitro.options.virtual['#meta/virtual/meta'] = `export const components = ${JSON.stringify(componentMeta)}`
-      })
+  setup (_options, nuxt) {
+    const resolver = createResolver(import.meta.url)
 
-      nuxt.hook('nitro:init', (_nitro) => {
-        nitro = _nitro
-      })
+    let componentMeta
+    nuxt.hook('components:extend', async (components) => {
+      componentMeta = await Promise.all(
+        components.map(async (component) => {
+          const name = (component as any).pascalName
+          const path = resolveModule((component as any).filePath, { paths: nuxt.options.rootDir })
+          const source = await fsp.readFile(path, { encoding: 'utf-8' })
+
+          // Parse component source
+          const { descriptor } = parse(source)
+
+          // Parse script
+          const { props } = descriptor.scriptSetup
+            ? parseSetupScript(name, descriptor)
+            : {
+                props: []
+              }
 
-      addServerMiddleware({
+          const { slots } = parseTemplate(name, descriptor)
+
+          return {
+            name,
+            props,
+            slots
+          }
+        })
+      )
+    })
+
+    nuxt.hook('nitro:config', (nitroConfig) => {
+      nitroConfig.handlers = nitroConfig.handlers || []
+      nitroConfig.virtual = nitroConfig.virtual || {}
+
+      nitroConfig.virtual['#meta/virtual/meta'] = () => `export const components = ${JSON.stringify(componentMeta)}`
+
+      nitroConfig.handlers.push({
         route: '/api/component-meta',
-        handler: resolveModule('./server/api/component-meta.get', { paths: runtimeDir })
+        handler: resolver.resolve('./runtime/server/api/component-meta.get')
       })
-      addServerMiddleware({
+
+      nitroConfig.handlers.push({
         route: '/api/component-meta/:component?',
-        handler: resolveModule('./server/api/component-meta.get', { paths: runtimeDir })
+        handler: resolver.resolve('./runtime/server/api/component-meta.get')
       })
-    }
+    })
   }
 })