fix: Template plugin imports quasar plugins from correct path

Author: Maiquu

src/module.ts

@@ -95,13 +95,21 @@ export default defineNuxtModule<ModuleOptions>({
     addPluginTemplate({
       mode: 'client',
       filename: 'quasar-plugin.mjs',
-      getContents: () => vuePluginTemplate(options, false)
+      getContents: () => vuePluginTemplate({
+        imports,
+        options,
+        mode: 'client',
+      })
     })
     if (nuxt.options.ssr) {
       addPluginTemplate({
         mode: 'server',
         filename: 'quasar-plugin.server.mjs',
-        getContents: () => vuePluginTemplate(options, true)
+        getContents: () => vuePluginTemplate({
+          imports,
+          options,
+          mode: 'server',
+        })
       })
     }
 
@@ -171,6 +179,23 @@ export default defineNuxtModule<ModuleOptions>({
       }
     })
 
+    nuxt.hook('nitro:config', async (config) => {
+      config.replace = {
+        ...config.replace,
+        __QUASAR_VERSION__: `'${ quasarVersion }'`,
+        __QUASAR_SSR__: nuxt.options.ssr,
+        __QUASAR_SSR_SERVER__: true,
+        __QUASAR_SSR_CLIENT__: false,
+        __QUASAR_SSR_PWA__: false
+      }
+      config.externals ??= {}
+      config.externals.inline ??= []
+      config.externals.inline.push(
+        await resolvePath('quasar/lang/en-US'),
+        await resolvePath('quasar/icon-set/material-icons')
+      )
+    })
+
     // WARN: Webpack support incomplete
     nuxt.hook('webpack:config', (configs) => {
       configs.forEach(config => {

src/plugin.ts

@@ -1,16 +1,25 @@
-import type { ModuleOptions } from './module'
+import { ModuleContext } from './types'
 
+const when = (condition: boolean, content: string) => condition ? content : ''
 
-export function vuePluginTemplate(options: ModuleOptions, isServer: boolean): string {
+export function vuePluginTemplate(context: ModuleContext): string {
+  const isServer = context.mode === 'server'
   return `\
-import { Quasar, ${!isServer ? options.plugins : []}} from 'quasar'
 import { defineNuxtPlugin } from '#app'
+import Quasar from 'quasar/src/vue-plugin.js'
+${context.options.plugins
+  ?.map(plugin => `import ${plugin} from 'quasar/${context.imports.raw[plugin]}'`)
+  .join('\n')
+}
 
-export default defineNuxtPlugin((nuxt) => {
+export default defineNuxtPlugin((nuxt) => {\n${
+  when(isServer, `\
+  const ssrContext = {
+    req: nuxt.ssrContext.event.req,
+    res: nuxt.ssrContext.event.res,
+  }`)}
   nuxt.vueApp.use(Quasar, {
-      plugins: {${!isServer ? options.plugins : []}}
-    }, {${isServer ? `\
-      req: nuxt.ssrContext.event.req,
-      res: nuxt.ssrContext.event.res,` : ''}})
+    plugins: {${context.options.plugins || []}}
+  }${when(isServer, ', ssrContext')})
 })`
 }