fix(nuxt module): fixed @vue-final-modal/nuxt module

Author: hunterliu1003

packages/nuxt/package.json

@@ -24,16 +24,13 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.0.0",
-    "vue-final-modal": "^4.0.0-rc.9"
+    "vue-final-modal": ">=4.0.0"
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.2.1",
     "@nuxt/schema": "^3.0.0",
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "nuxt": "^3.0.0",
     "release-it": "^15.5.0"
-  },
-  "peerDependencies": {
-    "vue-final-modal": ">=4.0.0"
   }
 }

packages/nuxt/src/module.ts

@@ -6,8 +6,20 @@ export default defineNuxtModule({
     configKey: 'vue-final-modal',
   },
   setup(options, nuxt) {
-    const { resolve } = createResolver(import.meta.url)
-    addPlugin(resolve('./runtime/plugin'))
+    const resolver = createResolver(import.meta.url)
+
+    // Transpile runtime
+    nuxt.options.build.transpile.push(resolver.resolve('./runtime'))
+
+    nuxt.hook('prepare:types', ({ references }) => {
+      references.push({ types: '@vue-final-modal/nuxt' })
+    })
+
+    // Add runtime plugin before the router plugin
+    // https://github.com/nuxt/framework/issues/9130
+    nuxt.hook('modules:done', () => {
+      addPlugin(resolver.resolve('./runtime/plugin'))
+    })
 
     nuxt.options.css.push('vue-final-modal/style.css')
   },

packages/nuxt/src/runtime/plugin.ts

@@ -1,5 +1,5 @@
 import { createVfm } from 'vue-final-modal'
-import { defineNuxtPlugin } from 'nuxt/app'
+import { defineNuxtPlugin } from '#app'
 
 export default defineNuxtPlugin((nuxtApp) => {
   const vfm = createVfm()