vitrify 0.5.2 → 0.5.5

package/dist/app-urls.js

@@ -1,5 +1,12 @@
 // import { resolve } from 'import-meta-resolve'
 import { existsSync } from 'fs';
+export const resolve = (packageName, base) => {
+    const packageUrl = new URL(`./node_modules/${packageName}/`, base);
+    if (existsSync(packageUrl.pathname)) {
+        return new URL('./', packageUrl);
+    }
+    throw new Error(`Package ${packageName} not found in ${base.pathname}.`);
+};
 export const getPkgJsonDir = (dir) => {
     const pkgJsonPath = new URL('package.json', dir);
     if (existsSync(pkgJsonPath.pathname)) {

package/dist/bin/build.js

@@ -13,7 +13,7 @@ export async function build(opts) {
     });
     config.build = {
         ...config.build,
-        minify: false,
+        minify: !opts.debug,
         outDir: opts.outDir,
         emptyOutDir: !!opts.outDir
     };

package/dist/bin/dev.js

@@ -25,7 +25,6 @@ ssr, framework = 'vue', host, appDir, publicDir, base }) {
         base
     });
     config.logLevel = logLevel;
-    console.log(searchForWorkspaceRoot(appDir.pathname));
     config.server = {
         https: config.server?.https,
         hmr: {

package/dist/frameworks/vue/fastify-csr-plugin.js

@@ -1,4 +1,4 @@
-import { fastifyStatic } from '@fastify/static';
+import fastifyStatic from '@fastify/static';
 const fastifyCsrPlugin = async (fastify, options, done) => {
     options.vitrifyDir =
         options.vitrifyDir || (await import('vitrify')).vitrifyDir;

package/dist/frameworks/vue/fastify-ssr-plugin.js

@@ -1,4 +1,4 @@
-import { fastifyStatic } from '@fastify/static';
+import fastifyStatic from '@fastify/static';
 import { readFileSync } from 'fs';
 import { componentsModules, collectCss } from '../../helpers/collect-css-ssr.js';
 const fastifySsrPlugin = async (fastify, options, done) => {

package/dist/index.js

@@ -6,9 +6,9 @@ import path from 'path';
 import { pathToFileURL } from 'url';
 import { readFileSync } from 'fs';
 import builtinModules from 'builtin-modules';
-import { resolve } from 'import-meta-resolve';
+// import { resolve } from 'import-meta-resolve'
 import { visualizer } from 'rollup-plugin-visualizer';
-import { getPkgJsonDir } from './app-urls.js';
+import { getPkgJsonDir, resolve } from './app-urls.js';
 const internalServerModules = [
     'util',
     'vitrify',
@@ -16,6 +16,8 @@ const internalServerModules = [
     'vite',
     'fastify',
     '@fastify/static',
+    '@fastify/middie',
+    '@fastify',
     'node'
 ];
 const configPluginMap = {
@@ -43,7 +45,9 @@ const manualChunks = (id) => {
 export const VIRTUAL_MODULES = [
     'virtual:vitrify-hooks',
     'virtual:global-css',
-    'virtual:static-imports'
+    'virtual:static-imports',
+    'vitrify.sass',
+    'vitrify.css'
 ];
 async function bundleConfigFile(fileName, isESM = false) {
     const result = await build({
@@ -133,7 +137,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
     const packageUrls = vitrifyConfig.vitrify?.urls?.packages || {};
     await (async () => {
         for (const val of localPackages)
-            packageUrls[val] = getPkgJsonDir(new URL(await resolve(val, appDir.href)));
+            packageUrls[val] = getPkgJsonDir(new URL(await resolve(val, appDir)));
     })();
     // await (async () => {
     //   for (const val of cliPackages)
@@ -175,6 +179,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
     let staticImports;
     let sassVariables;
     let additionalData;
+    let globalSass;
     let serverModules = internalServerModules;
     if (vitrifyConfig.vitrify?.ssr?.serverModules)
         serverModules = [
@@ -215,17 +220,20 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                 globalCss = config.vitrify?.globalCss || [];
                 staticImports = config.vitrify?.staticImports || {};
                 sassVariables = config.vitrify?.sass?.variables || {};
+                globalSass = config.vitrify?.sass?.global || [];
                 additionalData = config.vitrify?.sass?.additionalData || [];
                 return {
                     css: {
                         preprocessorOptions: {
-                            sass: {
-                                additionalData: [
-                                    ...Object.entries(sassVariables).map(([key, value]) => `${key}: ${value}`),
-                                    ...additionalData
-                                    // config.css?.preprocessorOptions?.sass.additionalData
-                                ].join('\n')
-                            }
+                        // sass: {
+                        //   additionalData: [
+                        //     ...Object.entries(sassVariables).map(
+                        //       ([key, value]) => `${key}: ${value}`
+                        //     )
+                        //     // ...additionalData
+                        //     // config.css?.preprocessorOptions?.sass.additionalData
+                        //   ].join('\n')
+                        // }
                         }
                     }
                 };
@@ -238,7 +246,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             },
             resolveId(id) {
                 if (VIRTUAL_MODULES.includes(id))
-                    return { id, moduleSideEffects: false };
+                    return { id };
                 return;
             },
             transform: (code, id) => {
@@ -281,6 +289,15 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                         .map(([key, value]) => `export { ${value.join(',')} } from '${key}';`)
                         .join('\n')}`;
                 }
+                else if (id === 'vitrify.sass') {
+                    return [
+                        ...Object.entries(sassVariables).map(([key, value]) => `${key}: ${value}`),
+                        ...globalSass.map((sass) => `@import '${sass}'`)
+                    ].join('\n');
+                }
+                else if (id === 'vitrify.css') {
+                    return `${globalCss.map((css) => `import '${css}'`).join('\n')}`;
+                }
                 return null;
             }
         }
@@ -360,7 +377,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
     if (command === 'test')
         alias.push({
             find: 'vitest',
-            replacement: new URL(await resolve('vitest', cliDir.href)).pathname
+            replacement: new URL(await resolve('vitest', cliDir)).pathname
         });
     let rollupOptions = {};
     let noExternal = [
@@ -377,7 +394,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             ],
             external,
             output: {
-                minifyInternalExports: false,
+                minifyInternalExports: !debug,
                 entryFileNames: '[name].mjs',
                 chunkFileNames: '[name].mjs',
                 format: 'es',
@@ -433,7 +450,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             // ],
             external,
             output: {
-                minifyInternalExports: false,
+                minifyInternalExports: !debug,
                 entryFileNames: '[name].mjs',
                 chunkFileNames: '[name].mjs',
                 format: 'es',

package/dist/plugins/quasar.js

@@ -3,8 +3,7 @@ import Components from 'unplugin-vue-components/vite';
 // import { quasarDir as defaultQuasarDir } from '../app-urls.js'
 // import { QuasarResolver } from '../resolver.js';
 import { QuasarResolver } from 'unplugin-vue-components/resolvers';
-import { getPkgJsonDir } from '../app-urls.js';
-import { resolve } from 'import-meta-resolve';
+import { getPkgJsonDir, resolve } from '../app-urls.js';
 export const injectSsrContext = (html, ssrContext) => html
     .replace(/(<html[^>]*)(>)/i, (found, start, end) => {
     let matches;
@@ -59,7 +58,7 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                 const localPackages = ['@quasar/extras', 'quasar'];
                 await (async () => {
                     for (const val of localPackages)
-                        urls.packages[val] = getPkgJsonDir(new URL(await resolve(val, urls.app.href)));
+                        urls.packages[val] = getPkgJsonDir(new URL(await resolve(val, urls.app)));
                 })();
                 const onMountedHooks = [
                     async (instance) => {
@@ -93,7 +92,8 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                             onRendered: [injectSsrContext]
                         },
                         sass: {
-                            additionalData: [`@import 'quasar/src/css/index.sass'`]
+                            global: ['quasar/src/css/index.sass']
+                            // additionalData: [`@import 'quasar/src/css/index.sass'`]
                         }
                     }
                 };
@@ -149,16 +149,17 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                                 find: 'quasar/src',
                                 replacement: new URL('src/', urls?.packages?.quasar).pathname
                             },
-                            {
-                                find: new RegExp('^quasar$'),
-                                replacement: new URL('src/index.all.js', urls?.packages?.quasar)
-                                    .pathname
-                            },
+                            // {
+                            //   find: new RegExp('^quasar$'),
+                            //   replacement: new URL('src/index.all.js', urls?.packages?.quasar)
+                            //     .pathname
+                            // },
                             {
                                 find: `@quasar/extras`,
                                 replacement: new URL('.', urls?.packages?.['@quasar/extras'])
                                     .pathname
                             }
+                            // { find: new RegExp('^quasar$'), replacement: 'virtual:quasar' }
                         ]
                     },
                     define: {
@@ -180,11 +181,11 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
         },
         {
             name: 'quasar-virtual-modules',
-            enforce: 'post',
+            enforce: 'pre',
             config: async (config, env) => ({
                 resolve: {
                     alias: [
-                        { find: new RegExp('^quasar$'), replacement: 'virtual:quasar' }
+                    // { find: new RegExp('^quasar$'), replacement: 'virtual:quasar' }
                     ]
                 }
             }),
@@ -192,8 +193,8 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                 switch (id) {
                     case 'virtual:quasar-plugins':
                         return 'virtual:quasar-plugins';
-                    case 'virtual:quasar':
-                        return { id: 'virtual:quasar', moduleSideEffects: false };
+                    case 'quasar':
+                        return { id: 'quasar', moduleSideEffects: false };
                     default:
                         return;
                 }
@@ -202,7 +203,7 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                 if (id === 'virtual:quasar-plugins') {
                     return `export { ${plugins.join(',')} } from 'quasar'`;
                 }
-                else if (id === 'virtual:quasar') {
+                else if (id === 'quasar') {
                     return `export * from 'quasar/src/plugins.js';
           export * from 'quasar/src/components.js';
           export * from 'quasar/src/composables.js';

package/dist/types/app-urls.d.ts

@@ -1,3 +1,4 @@
+export declare const resolve: (packageName: string, base: URL) => URL;
 export declare const getPkgJsonDir: (dir: URL) => URL;
 export declare const getAppDir: () => URL;
 export declare const getCliDir: () => URL;

package/dist/types/vitrify-config.d.ts

@@ -50,6 +50,7 @@ export interface VitrifyConfig extends UserConfig {
         sass?: {
             variables?: Record<string, string>;
             additionalData?: string[];
+            global?: string[];
         };
         /**
          * Product name of the application. Will be used for the HTML title tag

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.5.2",
+  "version": "0.5.5",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Pre-configured Vite CLI for your framework",
@@ -56,6 +56,7 @@
     "@fastify/static": "^6.4.0",
     "@quasar/extras": "^1.14.0",
     "@vitejs/plugin-vue": "^3.0.0-alpha.1",
+    "@vue/server-renderer": "^3.2.37",
     "builtin-modules": "^3.3.0",
     "cac": "^6.7.12",
     "chalk": "^5.0.1",
@@ -64,7 +65,6 @@
     "fastify": "^4.0.0",
     "glob": "^8.0.3",
     "happy-dom": "^5.2.0",
-    "local-pkg": "^0.4.1",
     "magic-string": "^0.26.2",
     "merge-deep": "^3.0.3",
     "readline": "^1.3.0",
@@ -82,7 +82,6 @@
     "@types/node": "^17.0.41",
     "@types/ws": "^8.5.3",
     "@vue/runtime-core": "^3.2.37",
-    "import-meta-resolve": "^2.0.3",
     "quasar": "^2.7.1",
     "rollup": "^2.75.6",
     "typescript": "^4.7.3",
@@ -93,8 +92,6 @@
   "peerDependencies": {
     "@fastify/static": "^6.4.0",
     "fastify": "^4.0.0",
-    "fastify-plugin": "^3.0.1",
-    "import-meta-resolve": "^2.0.3",
     "quasar": "^2.7.1",
     "vue": "^3.2.37",
     "vue-router": "^4.0.15"

package/src/node/app-urls.ts

@@ -1,6 +1,14 @@
 // import { resolve } from 'import-meta-resolve'
 import { existsSync } from 'fs'
 
+export const resolve = (packageName: string, base: URL) => {
+  const packageUrl = new URL(`./node_modules/${packageName}/`, base)
+  if (existsSync(packageUrl.pathname)) {
+    return new URL('./', packageUrl)
+  }
+  throw new Error(`Package ${packageName} not found in ${base.pathname}.`)
+}
+
 export const getPkgJsonDir = (dir: URL): URL => {
   const pkgJsonPath = new URL('package.json', dir)
   if (existsSync(pkgJsonPath.pathname)) {

package/src/node/bin/build.ts

@@ -22,7 +22,7 @@ export async function build(opts: {
 
   config.build = {
     ...config.build,
-    minify: false,
+    minify: !opts.debug,
     outDir: opts.outDir,
     emptyOutDir: !!opts.outDir
   }

package/src/node/bin/dev.ts

@@ -52,7 +52,6 @@ export async function createVitrifyDevServer({
 
   config.logLevel = logLevel
 
-  console.log(searchForWorkspaceRoot(appDir.pathname))
   config.server = {
     https: config.server?.https,
     hmr: {

package/src/node/frameworks/vue/fastify-csr-plugin.ts

@@ -3,7 +3,7 @@ import type {
   FastifyRequest,
   FastifyReply
 } from 'fastify'
-import { fastifyStatic } from '@fastify/static'
+import fastifyStatic from '@fastify/static'
 import type { OnRenderedHook } from '../../vitrify-config.js'
 import type { ViteDevServer } from 'vite'
 

package/src/node/frameworks/vue/fastify-ssr-plugin.ts

@@ -3,7 +3,7 @@ import type {
   FastifyRequest,
   FastifyReply
 } from 'fastify'
-import { fastifyStatic } from '@fastify/static'
+import fastifyStatic from '@fastify/static'
 import { readFileSync } from 'fs'
 import type { OnRenderedHook } from '../../vitrify-config.js'
 import { componentsModules, collectCss } from '../../helpers/collect-css-ssr.js'

package/src/node/index.ts

@@ -8,7 +8,7 @@ import path from 'path'
 import { pathToFileURL } from 'url'
 import { readFileSync } from 'fs'
 import builtinModules from 'builtin-modules'
-import { resolve } from 'import-meta-resolve'
+// import { resolve } from 'import-meta-resolve'
 import { visualizer } from 'rollup-plugin-visualizer'
 import type {
   StaticImports,
@@ -21,7 +21,7 @@ import type {
 } from './vitrify-config.js'
 import type { VitrifyContext } from './bin/run.js'
 import type { VitrifyPlugin } from './plugins/index.js'
-import { getPkgJsonDir } from './app-urls.js'
+import { getPkgJsonDir, resolve } from './app-urls.js'
 import type { ManualChunksOption, RollupOptions } from 'rollup'
 
 const internalServerModules = [
@@ -31,6 +31,8 @@ const internalServerModules = [
   'vite',
   'fastify',
   '@fastify/static',
+  '@fastify/middie',
+  '@fastify',
   'node'
 ]
 
@@ -61,7 +63,9 @@ const manualChunks: ManualChunksOption = (id: string) => {
 export const VIRTUAL_MODULES = [
   'virtual:vitrify-hooks',
   'virtual:global-css',
-  'virtual:static-imports'
+  'virtual:static-imports',
+  'vitrify.sass',
+  'vitrify.css'
 ]
 
 async function bundleConfigFile(
@@ -196,9 +200,7 @@ export const baseConfig = async ({
     vitrifyConfig.vitrify?.urls?.packages || {}
   await (async () => {
     for (const val of localPackages)
-      packageUrls[val] = getPkgJsonDir(
-        new URL(await resolve(val, appDir!.href))
-      )
+      packageUrls[val] = getPkgJsonDir(new URL(await resolve(val, appDir)))
   })()
 
   // await (async () => {
@@ -247,6 +249,7 @@ export const baseConfig = async ({
   let staticImports: StaticImports
   let sassVariables: Record<string, string>
   let additionalData: string[]
+  let globalSass: string[]
   let serverModules: string[] = internalServerModules
 
   if (vitrifyConfig.vitrify?.ssr?.serverModules)
@@ -289,20 +292,21 @@ export const baseConfig = async ({
         globalCss = config.vitrify?.globalCss || []
         staticImports = config.vitrify?.staticImports || {}
         sassVariables = config.vitrify?.sass?.variables || {}
+        globalSass = config.vitrify?.sass?.global || []
         additionalData = config.vitrify?.sass?.additionalData || []
 
         return {
           css: {
             preprocessorOptions: {
-              sass: {
-                additionalData: [
-                  ...Object.entries(sassVariables).map(
-                    ([key, value]) => `${key}: ${value}`
-                  ),
-                  ...additionalData
-                  // config.css?.preprocessorOptions?.sass.additionalData
-                ].join('\n')
-              }
+              // sass: {
+              //   additionalData: [
+              //     ...Object.entries(sassVariables).map(
+              //       ([key, value]) => `${key}: ${value}`
+              //     )
+              //     // ...additionalData
+              //     // config.css?.preprocessorOptions?.sass.additionalData
+              //   ].join('\n')
+              // }
             }
           }
         }
@@ -314,8 +318,7 @@ export const baseConfig = async ({
         }
       },
       resolveId(id) {
-        if (VIRTUAL_MODULES.includes(id))
-          return { id, moduleSideEffects: false }
+        if (VIRTUAL_MODULES.includes(id)) return { id }
         return
       },
       transform: (code, id) => {
@@ -363,6 +366,15 @@ export const baseConfig = async ({
               ([key, value]) => `export { ${value.join(',')} } from '${key}';`
             )
             .join('\n')}`
+        } else if (id === 'vitrify.sass') {
+          return [
+            ...Object.entries(sassVariables).map(
+              ([key, value]) => `${key}: ${value}`
+            ),
+            ...globalSass.map((sass) => `@import '${sass}'`)
+          ].join('\n')
+        } else if (id === 'vitrify.css') {
+          return `${globalCss.map((css) => `import '${css}'`).join('\n')}`
         }
         return null
       }
@@ -446,7 +458,7 @@ export const baseConfig = async ({
   if (command === 'test')
     alias.push({
       find: 'vitest',
-      replacement: new URL(await resolve('vitest', cliDir!.href)).pathname
+      replacement: new URL(await resolve('vitest', cliDir)).pathname
     })
 
   let rollupOptions: RollupOptions = {}
@@ -465,7 +477,7 @@ export const baseConfig = async ({
       ],
       external,
       output: {
-        minifyInternalExports: false,
+        minifyInternalExports: !debug,
         entryFileNames: '[name].mjs',
         chunkFileNames: '[name].mjs',
         format: 'es',
@@ -519,7 +531,7 @@ export const baseConfig = async ({
       // ],
       external,
       output: {
-        minifyInternalExports: false,
+        minifyInternalExports: !debug,
         entryFileNames: '[name].mjs',
         chunkFileNames: '[name].mjs',
         format: 'es',

package/src/node/plugins/quasar.ts

@@ -12,9 +12,9 @@ import type {
 // import { QuasarResolver } from '../resolver.js';
 import { QuasarResolver } from 'unplugin-vue-components/resolvers'
 import type { VitrifyPlugin } from './index.js'
-import { getPkgJsonDir } from '../app-urls.js'
+import { getPkgJsonDir, resolve } from '../app-urls.js'
 
-import { resolve } from 'import-meta-resolve'
+// import { resolve } from 'import-meta-resolve'
 
 export interface QuasarConf {
   ctx: Record<string, any>
@@ -123,7 +123,7 @@ export const QuasarPlugin: VitrifyPlugin = async ({
         await (async () => {
           for (const val of localPackages)
             urls!.packages![val] = getPkgJsonDir(
-              new URL(await resolve(val, urls!.app!.href))
+              new URL(await resolve(val, urls!.app!))
             )
         })()
 
@@ -168,7 +168,8 @@ export const QuasarPlugin: VitrifyPlugin = async ({
               onRendered: [injectSsrContext]
             },
             sass: {
-              additionalData: [`@import 'quasar/src/css/index.sass'`]
+              global: ['quasar/src/css/index.sass']
+              // additionalData: [`@import 'quasar/src/css/index.sass'`]
             }
           }
         }
@@ -232,7 +233,6 @@ export const QuasarPlugin: VitrifyPlugin = async ({
                   urls?.packages?.quasar
                 ).pathname
               },
-
               {
                 find: 'quasar/directives',
                 replacement: new URL(
@@ -244,16 +244,17 @@ export const QuasarPlugin: VitrifyPlugin = async ({
                 find: 'quasar/src',
                 replacement: new URL('src/', urls?.packages?.quasar).pathname
               },
-              {
-                find: new RegExp('^quasar$'),
-                replacement: new URL('src/index.all.js', urls?.packages?.quasar)
-                  .pathname
-              },
+              // {
+              //   find: new RegExp('^quasar$'),
+              //   replacement: new URL('src/index.all.js', urls?.packages?.quasar)
+              //     .pathname
+              // },
               {
                 find: `@quasar/extras`,
                 replacement: new URL('.', urls?.packages?.['@quasar/extras'])
                   .pathname
               }
+              // { find: new RegExp('^quasar$'), replacement: 'virtual:quasar' }
             ]
           },
           define: {
@@ -275,11 +276,11 @@ export const QuasarPlugin: VitrifyPlugin = async ({
     },
     {
       name: 'quasar-virtual-modules',
-      enforce: 'post',
+      enforce: 'pre',
       config: async (config, env) => ({
         resolve: {
           alias: [
-            { find: new RegExp('^quasar$'), replacement: 'virtual:quasar' }
+            // { find: new RegExp('^quasar$'), replacement: 'virtual:quasar' }
           ]
         }
       }),
@@ -287,8 +288,8 @@ export const QuasarPlugin: VitrifyPlugin = async ({
         switch (id) {
           case 'virtual:quasar-plugins':
             return 'virtual:quasar-plugins'
-          case 'virtual:quasar':
-            return { id: 'virtual:quasar', moduleSideEffects: false }
+          case 'quasar':
+            return { id: 'quasar', moduleSideEffects: false }
           default:
             return
         }
@@ -296,7 +297,7 @@ export const QuasarPlugin: VitrifyPlugin = async ({
       load(id) {
         if (id === 'virtual:quasar-plugins') {
           return `export { ${plugins.join(',')} } from 'quasar'`
-        } else if (id === 'virtual:quasar') {
+        } else if (id === 'quasar') {
           return `export * from 'quasar/src/plugins.js';
           export * from 'quasar/src/components.js';
           export * from 'quasar/src/composables.js';

package/src/node/vitrify-config.ts

@@ -71,6 +71,7 @@ export interface VitrifyConfig extends UserConfig {
     sass?: {
       variables?: Record<string, string>
       additionalData?: string[]
+      global?: string[]
     }
     /**
      * Product name of the application. Will be used for the HTML title tag

package/src/vite/vue/csr/app.ts

@@ -4,22 +4,21 @@ import { getAppDir } from '../../../node/app-urls.js'
 import { onRendered, onSetup } from 'virtual:vitrify-hooks'
 import { fastifyCsrPlugin } from './fastify-csr-plugin.js'
 import type { ViteDevServer } from 'vite'
-import * as imr from 'import-meta-resolve'
-const { resolve } = imr
+
 // const appDir = getPkgJsonDir(import.meta.url)
 const getString = (str?: string) => str
 let baseUrl = getString(__BASE_URL__)
 const appDir = getAppDir()
 
 export const setupApp = async () => {
-  const vitrifyDir = new URL('../', await resolve('vitrify', import.meta.url))
+  // const vitrifyDir = new URL('../', await resolve('vitrify', new URL(import.meta.url)))
   return createApp({
     onSetup,
     appDir,
     baseUrl,
     onRendered,
     fastifyPlugin: fastifyCsrPlugin,
-    vitrifyDir,
+    // vitrifyDir,
     mode: import.meta.env.MODE
   })
 }

package/src/vite/vue/main.ts

@@ -1,3 +1,5 @@
+// import 'vitrify.css'
+import 'vitrify.sass'
 import App from 'src/App.vue'
 import createRouter from 'src/router'
 import {

package/src/vite/vue/ssr/app.ts

@@ -4,22 +4,21 @@ import { getAppDir } from '../../../node/app-urls.js'
 import { onRendered, onSetup } from 'virtual:vitrify-hooks'
 import { fastifySsrPlugin } from './fastify-ssr-plugin.js'
 import type { ViteDevServer } from 'vite'
-import * as imr from 'import-meta-resolve'
-const { resolve } = imr
+
 // const appDir = getPkgJsonDir(import.meta.url)
 const getString = (str?: string) => str
 let baseUrl = getString(__BASE_URL__)
 const appDir = getAppDir()
 
 export const setupApp = async () => {
-  const vitrifyDir = new URL('../', await resolve('vitrify', import.meta.url))
+  // const vitrifyDir = new URL('../', await resolve('vitrify', new URL(import.meta.url)))
   return createApp({
     onSetup,
     appDir,
     baseUrl,
     onRendered,
     fastifyPlugin: fastifySsrPlugin,
-    vitrifyDir,
+    // vitrifyDir,
     mode: import.meta.env.MODE
   })
 }