@vanilla-extract/vite-plugin 3.7.0 → 3.8.0

package/dist/vanilla-extract-vite-plugin.cjs.d.ts

@@ -3,8 +3,9 @@ import { IdentifierOption, CompileOptions } from '@vanilla-extract/integration';
 
 interface Options {
     identifiers?: IdentifierOption;
+    emitCssInSsr?: boolean;
     esbuildOptions?: CompileOptions['esbuildOptions'];
 }
-declare function vanillaExtractPlugin({ identifiers, esbuildOptions, }?: Options): Plugin;
+declare function vanillaExtractPlugin({ identifiers, emitCssInSsr, esbuildOptions, }?: Options): Plugin;
 
 export { vanillaExtractPlugin };

package/dist/vanilla-extract-vite-plugin.cjs.dev.js

@@ -34,13 +34,12 @@ var outdent__default = /*#__PURE__*/_interopDefault(outdent);
 // https://github.com/vitejs/vite/blob/efec70f816b80e55b64255b32a5f120e1cf4e4be/packages/vite/src/node/plugins/css.ts
 const resolvePostcssConfig = async config => {
   var _config$css;
-
   // inline postcss config via vite config
   const inlineOptions = (_config$css = config.css) === null || _config$css === void 0 ? void 0 : _config$css.postcss;
   const inlineOptionsIsString = typeof inlineOptions === 'string';
-
   if (inlineOptions && !inlineOptionsIsString) {
-    const options = { ...inlineOptions
+    const options = {
+      ...inlineOptions
     };
     delete options.plugins;
     return {
@@ -60,37 +59,33 @@ const resolvePostcssConfig = async config => {
       if (!/No PostCSS Config found/.test(e.message)) {
         throw e;
       }
-
       return null;
     }
   }
 };
 
 const styleUpdateEvent = fileId => `vanilla-extract-style-update:${fileId}`;
-
 const virtualExtCss = '.vanilla.css';
 const virtualExtJs = '.vanilla.js';
 function vanillaExtractPlugin({
   identifiers,
+  emitCssInSsr,
   esbuildOptions
 } = {}) {
   let config;
   let server;
   let postCssConfig;
   const cssMap = new Map();
-  let forceEmitCssInSsrBuild = !!process.env.VITE_RSC_BUILD;
+  const hasEmitCssOverride = typeof emitCssInSsr === 'boolean';
+  let resolvedEmitCssInSsr = hasEmitCssOverride ? emitCssInSsr : !!process.env.VITE_RSC_BUILD;
   let packageName;
-
   const getAbsoluteVirtualFileId = source => vite.normalizePath(path__default["default"].join(config.root, source));
-
   return {
     name: 'vanilla-extract',
     enforce: 'pre',
-
     configureServer(_server) {
       server = _server;
     },
-
     config(_userConfig, env) {
       const include = env.command === 'serve' ? ['@vanilla-extract/css/injectStyles'] : [];
       return {
@@ -102,56 +97,46 @@ function vanillaExtractPlugin({
         }
       };
     },
-
     async configResolved(resolvedConfig) {
       config = resolvedConfig;
       packageName = integration.getPackageInfo(config.root).name;
-
       if (config.command === 'serve') {
         postCssConfig = await resolvePostcssConfig(config);
       }
-
-      if (config.plugins.some(plugin => ['astro:build', 'solid-start-server', 'vite-plugin-qwik'].includes(plugin.name))) {
-        forceEmitCssInSsrBuild = true;
+      if (!hasEmitCssOverride && config.plugins.some(plugin => ['astro:build', 'solid-start-server', 'vite-plugin-qwik', 'vite-plugin-svelte'].includes(plugin.name))) {
+        resolvedEmitCssInSsr = true;
       }
     },
-
     resolveId(source) {
       const [validId, query] = source.split('?');
-
       if (!validId.endsWith(virtualExtCss) && !validId.endsWith(virtualExtJs)) {
         return;
-      } // Absolute paths seem to occur often in monorepos, where files are
-      // imported from outside the config root.
+      }
 
+      // Absolute paths seem to occur often in monorepos, where files are
+      // imported from outside the config root.
+      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId);
 
-      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId); // There should always be an entry in the `cssMap` here.
+      // There should always be an entry in the `cssMap` here.
       // The only valid scenario for a missing one is if someone had written
       // a file in their app using the .vanilla.js/.vanilla.css extension
-
       if (cssMap.has(absoluteId)) {
         // Keep the original query string for HMR.
         return absoluteId + (query ? `?${query}` : '');
       }
     },
-
     load(id) {
       const [validId] = id.split('?');
-
       if (!cssMap.has(validId)) {
         return;
       }
-
       const css = cssMap.get(validId);
-
       if (typeof css !== 'string') {
         return;
       }
-
       if (validId.endsWith(virtualExtCss)) {
         return css;
       }
-
       return outdent__default["default"]`
         import { injectStyles } from '@vanilla-extract/css/injectStyles';
 
@@ -171,24 +156,19 @@ function vanillaExtractPlugin({
         }
       `;
     },
-
     async transform(code, id, ssrParam) {
       const [validId] = id.split('?');
-
       if (!integration.cssFileFilter.test(validId)) {
         return null;
       }
-
       const identOption = identifiers !== null && identifiers !== void 0 ? identifiers : config.mode === 'production' ? 'short' : 'debug';
       let ssr;
-
       if (typeof ssrParam === 'boolean') {
         ssr = ssrParam;
       } else {
         ssr = ssrParam === null || ssrParam === void 0 ? void 0 : ssrParam.ssr;
       }
-
-      if (ssr && !forceEmitCssInSsrBuild) {
+      if (ssr && !resolvedEmitCssInSsr) {
         return integration.transform({
           source: code,
           filePath: vite.normalizePath(validId),
@@ -197,7 +177,6 @@ function vanillaExtractPlugin({
           identOption
         });
       }
-
       const {
         source,
         watchFiles
@@ -207,7 +186,6 @@ function vanillaExtractPlugin({
         esbuildOptions,
         identOption
       });
-
       for (const file of watchFiles) {
         // In start mode, we need to prevent the file from rewatching itself.
         // If it's a `build --watch`, it needs to watch everything.
@@ -215,7 +193,6 @@ function vanillaExtractPlugin({
           this.addWatchFile(file);
         }
       }
-
       const output = await integration.processVanillaFile({
         source,
         filePath: validId,
@@ -224,40 +201,38 @@ function vanillaExtractPlugin({
           fileScope,
           source
         }) => {
-          const rootRelativeId = `${fileScope.filePath}${config.command === 'build' || ssr && forceEmitCssInSsrBuild ? virtualExtCss : virtualExtJs}`;
+          const rootRelativeId = `${fileScope.filePath}${config.command === 'build' || ssr && resolvedEmitCssInSsr ? virtualExtCss : virtualExtJs}`;
           const absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
           let cssSource = source;
-
           if (postCssConfig) {
-            const postCssResult = await (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('postcss')); })).default(postCssConfig.plugins).process(source, { ...postCssConfig.options,
+            const postCssResult = await (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('postcss')); })).default(postCssConfig.plugins).process(source, {
+              ...postCssConfig.options,
               from: undefined,
               map: false
             });
             cssSource = postCssResult.css;
           }
-
           if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {
             const {
               moduleGraph
             } = server;
             const [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || []);
-
             if (module) {
-              moduleGraph.invalidateModule(module); // Vite uses this timestamp to add `?t=` query string automatically for HMR.
+              moduleGraph.invalidateModule(module);
 
+              // Vite uses this timestamp to add `?t=` query string automatically for HMR.
               module.lastHMRTimestamp = module.lastInvalidationTimestamp || Date.now();
             }
-
             server.ws.send({
               type: 'custom',
               event: styleUpdateEvent(absoluteId),
               data: cssSource
             });
           }
+          cssMap.set(absoluteId, cssSource);
 
-          cssMap.set(absoluteId, cssSource); // We use the root relative id here to ensure file contents (content-hashes)
+          // We use the root relative id here to ensure file contents (content-hashes)
           // are consistent across build machines
-
           return `import "${rootRelativeId}";`;
         }
       });
@@ -268,7 +243,6 @@ function vanillaExtractPlugin({
         }
       };
     }
-
   };
 }
 

package/dist/vanilla-extract-vite-plugin.cjs.prod.js

@@ -34,13 +34,12 @@ var outdent__default = /*#__PURE__*/_interopDefault(outdent);
 // https://github.com/vitejs/vite/blob/efec70f816b80e55b64255b32a5f120e1cf4e4be/packages/vite/src/node/plugins/css.ts
 const resolvePostcssConfig = async config => {
   var _config$css;
-
   // inline postcss config via vite config
   const inlineOptions = (_config$css = config.css) === null || _config$css === void 0 ? void 0 : _config$css.postcss;
   const inlineOptionsIsString = typeof inlineOptions === 'string';
-
   if (inlineOptions && !inlineOptionsIsString) {
-    const options = { ...inlineOptions
+    const options = {
+      ...inlineOptions
     };
     delete options.plugins;
     return {
@@ -60,37 +59,33 @@ const resolvePostcssConfig = async config => {
       if (!/No PostCSS Config found/.test(e.message)) {
         throw e;
       }
-
       return null;
     }
   }
 };
 
 const styleUpdateEvent = fileId => `vanilla-extract-style-update:${fileId}`;
-
 const virtualExtCss = '.vanilla.css';
 const virtualExtJs = '.vanilla.js';
 function vanillaExtractPlugin({
   identifiers,
+  emitCssInSsr,
   esbuildOptions
 } = {}) {
   let config;
   let server;
   let postCssConfig;
   const cssMap = new Map();
-  let forceEmitCssInSsrBuild = !!process.env.VITE_RSC_BUILD;
+  const hasEmitCssOverride = typeof emitCssInSsr === 'boolean';
+  let resolvedEmitCssInSsr = hasEmitCssOverride ? emitCssInSsr : !!process.env.VITE_RSC_BUILD;
   let packageName;
-
   const getAbsoluteVirtualFileId = source => vite.normalizePath(path__default["default"].join(config.root, source));
-
   return {
     name: 'vanilla-extract',
     enforce: 'pre',
-
     configureServer(_server) {
       server = _server;
     },
-
     config(_userConfig, env) {
       const include = env.command === 'serve' ? ['@vanilla-extract/css/injectStyles'] : [];
       return {
@@ -102,56 +97,46 @@ function vanillaExtractPlugin({
         }
       };
     },
-
     async configResolved(resolvedConfig) {
       config = resolvedConfig;
       packageName = integration.getPackageInfo(config.root).name;
-
       if (config.command === 'serve') {
         postCssConfig = await resolvePostcssConfig(config);
       }
-
-      if (config.plugins.some(plugin => ['astro:build', 'solid-start-server', 'vite-plugin-qwik'].includes(plugin.name))) {
-        forceEmitCssInSsrBuild = true;
+      if (!hasEmitCssOverride && config.plugins.some(plugin => ['astro:build', 'solid-start-server', 'vite-plugin-qwik', 'vite-plugin-svelte'].includes(plugin.name))) {
+        resolvedEmitCssInSsr = true;
       }
     },
-
     resolveId(source) {
       const [validId, query] = source.split('?');
-
       if (!validId.endsWith(virtualExtCss) && !validId.endsWith(virtualExtJs)) {
         return;
-      } // Absolute paths seem to occur often in monorepos, where files are
-      // imported from outside the config root.
+      }
 
+      // Absolute paths seem to occur often in monorepos, where files are
+      // imported from outside the config root.
+      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId);
 
-      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId); // There should always be an entry in the `cssMap` here.
+      // There should always be an entry in the `cssMap` here.
       // The only valid scenario for a missing one is if someone had written
       // a file in their app using the .vanilla.js/.vanilla.css extension
-
       if (cssMap.has(absoluteId)) {
         // Keep the original query string for HMR.
         return absoluteId + (query ? `?${query}` : '');
       }
     },
-
     load(id) {
       const [validId] = id.split('?');
-
       if (!cssMap.has(validId)) {
         return;
       }
-
       const css = cssMap.get(validId);
-
       if (typeof css !== 'string') {
         return;
       }
-
       if (validId.endsWith(virtualExtCss)) {
         return css;
       }
-
       return outdent__default["default"]`
         import { injectStyles } from '@vanilla-extract/css/injectStyles';
 
@@ -171,24 +156,19 @@ function vanillaExtractPlugin({
         }
       `;
     },
-
     async transform(code, id, ssrParam) {
       const [validId] = id.split('?');
-
       if (!integration.cssFileFilter.test(validId)) {
         return null;
       }
-
       const identOption = identifiers !== null && identifiers !== void 0 ? identifiers : config.mode === 'production' ? 'short' : 'debug';
       let ssr;
-
       if (typeof ssrParam === 'boolean') {
         ssr = ssrParam;
       } else {
         ssr = ssrParam === null || ssrParam === void 0 ? void 0 : ssrParam.ssr;
       }
-
-      if (ssr && !forceEmitCssInSsrBuild) {
+      if (ssr && !resolvedEmitCssInSsr) {
         return integration.transform({
           source: code,
           filePath: vite.normalizePath(validId),
@@ -197,7 +177,6 @@ function vanillaExtractPlugin({
           identOption
         });
       }
-
       const {
         source,
         watchFiles
@@ -207,7 +186,6 @@ function vanillaExtractPlugin({
         esbuildOptions,
         identOption
       });
-
       for (const file of watchFiles) {
         // In start mode, we need to prevent the file from rewatching itself.
         // If it's a `build --watch`, it needs to watch everything.
@@ -215,7 +193,6 @@ function vanillaExtractPlugin({
           this.addWatchFile(file);
         }
       }
-
       const output = await integration.processVanillaFile({
         source,
         filePath: validId,
@@ -224,40 +201,38 @@ function vanillaExtractPlugin({
           fileScope,
           source
         }) => {
-          const rootRelativeId = `${fileScope.filePath}${config.command === 'build' || ssr && forceEmitCssInSsrBuild ? virtualExtCss : virtualExtJs}`;
+          const rootRelativeId = `${fileScope.filePath}${config.command === 'build' || ssr && resolvedEmitCssInSsr ? virtualExtCss : virtualExtJs}`;
           const absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
           let cssSource = source;
-
           if (postCssConfig) {
-            const postCssResult = await (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('postcss')); })).default(postCssConfig.plugins).process(source, { ...postCssConfig.options,
+            const postCssResult = await (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('postcss')); })).default(postCssConfig.plugins).process(source, {
+              ...postCssConfig.options,
               from: undefined,
               map: false
             });
             cssSource = postCssResult.css;
           }
-
           if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {
             const {
               moduleGraph
             } = server;
             const [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || []);
-
             if (module) {
-              moduleGraph.invalidateModule(module); // Vite uses this timestamp to add `?t=` query string automatically for HMR.
+              moduleGraph.invalidateModule(module);
 
+              // Vite uses this timestamp to add `?t=` query string automatically for HMR.
               module.lastHMRTimestamp = module.lastInvalidationTimestamp || Date.now();
             }
-
             server.ws.send({
               type: 'custom',
               event: styleUpdateEvent(absoluteId),
               data: cssSource
             });
           }
+          cssMap.set(absoluteId, cssSource);
 
-          cssMap.set(absoluteId, cssSource); // We use the root relative id here to ensure file contents (content-hashes)
+          // We use the root relative id here to ensure file contents (content-hashes)
           // are consistent across build machines
-
           return `import "${rootRelativeId}";`;
         }
       });
@@ -268,7 +243,6 @@ function vanillaExtractPlugin({
         }
       };
     }
-
   };
 }
 

package/dist/vanilla-extract-vite-plugin.esm.js

@@ -7,13 +7,12 @@ import { getPackageInfo, cssFileFilter, transform, compile, processVanillaFile }
 // https://github.com/vitejs/vite/blob/efec70f816b80e55b64255b32a5f120e1cf4e4be/packages/vite/src/node/plugins/css.ts
 const resolvePostcssConfig = async config => {
   var _config$css;
-
   // inline postcss config via vite config
   const inlineOptions = (_config$css = config.css) === null || _config$css === void 0 ? void 0 : _config$css.postcss;
   const inlineOptionsIsString = typeof inlineOptions === 'string';
-
   if (inlineOptions && !inlineOptionsIsString) {
-    const options = { ...inlineOptions
+    const options = {
+      ...inlineOptions
     };
     delete options.plugins;
     return {
@@ -33,37 +32,33 @@ const resolvePostcssConfig = async config => {
       if (!/No PostCSS Config found/.test(e.message)) {
         throw e;
       }
-
       return null;
     }
   }
 };
 
 const styleUpdateEvent = fileId => `vanilla-extract-style-update:${fileId}`;
-
 const virtualExtCss = '.vanilla.css';
 const virtualExtJs = '.vanilla.js';
 function vanillaExtractPlugin({
   identifiers,
+  emitCssInSsr,
   esbuildOptions
 } = {}) {
   let config;
   let server;
   let postCssConfig;
   const cssMap = new Map();
-  let forceEmitCssInSsrBuild = !!process.env.VITE_RSC_BUILD;
+  const hasEmitCssOverride = typeof emitCssInSsr === 'boolean';
+  let resolvedEmitCssInSsr = hasEmitCssOverride ? emitCssInSsr : !!process.env.VITE_RSC_BUILD;
   let packageName;
-
   const getAbsoluteVirtualFileId = source => normalizePath(path.join(config.root, source));
-
   return {
     name: 'vanilla-extract',
     enforce: 'pre',
-
     configureServer(_server) {
       server = _server;
     },
-
     config(_userConfig, env) {
       const include = env.command === 'serve' ? ['@vanilla-extract/css/injectStyles'] : [];
       return {
@@ -75,56 +70,46 @@ function vanillaExtractPlugin({
         }
       };
     },
-
     async configResolved(resolvedConfig) {
       config = resolvedConfig;
       packageName = getPackageInfo(config.root).name;
-
       if (config.command === 'serve') {
         postCssConfig = await resolvePostcssConfig(config);
       }
-
-      if (config.plugins.some(plugin => ['astro:build', 'solid-start-server', 'vite-plugin-qwik'].includes(plugin.name))) {
-        forceEmitCssInSsrBuild = true;
+      if (!hasEmitCssOverride && config.plugins.some(plugin => ['astro:build', 'solid-start-server', 'vite-plugin-qwik', 'vite-plugin-svelte'].includes(plugin.name))) {
+        resolvedEmitCssInSsr = true;
       }
     },
-
     resolveId(source) {
       const [validId, query] = source.split('?');
-
       if (!validId.endsWith(virtualExtCss) && !validId.endsWith(virtualExtJs)) {
         return;
-      } // Absolute paths seem to occur often in monorepos, where files are
-      // imported from outside the config root.
+      }
 
+      // Absolute paths seem to occur often in monorepos, where files are
+      // imported from outside the config root.
+      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId);
 
-      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId); // There should always be an entry in the `cssMap` here.
+      // There should always be an entry in the `cssMap` here.
       // The only valid scenario for a missing one is if someone had written
       // a file in their app using the .vanilla.js/.vanilla.css extension
-
       if (cssMap.has(absoluteId)) {
         // Keep the original query string for HMR.
         return absoluteId + (query ? `?${query}` : '');
       }
     },
-
     load(id) {
       const [validId] = id.split('?');
-
       if (!cssMap.has(validId)) {
         return;
       }
-
       const css = cssMap.get(validId);
-
       if (typeof css !== 'string') {
         return;
       }
-
       if (validId.endsWith(virtualExtCss)) {
         return css;
       }
-
       return outdent`
         import { injectStyles } from '@vanilla-extract/css/injectStyles';
 
@@ -144,24 +129,19 @@ function vanillaExtractPlugin({
         }
       `;
     },
-
     async transform(code, id, ssrParam) {
       const [validId] = id.split('?');
-
       if (!cssFileFilter.test(validId)) {
         return null;
       }
-
       const identOption = identifiers !== null && identifiers !== void 0 ? identifiers : config.mode === 'production' ? 'short' : 'debug';
       let ssr;
-
       if (typeof ssrParam === 'boolean') {
         ssr = ssrParam;
       } else {
         ssr = ssrParam === null || ssrParam === void 0 ? void 0 : ssrParam.ssr;
       }
-
-      if (ssr && !forceEmitCssInSsrBuild) {
+      if (ssr && !resolvedEmitCssInSsr) {
         return transform({
           source: code,
           filePath: normalizePath(validId),
@@ -170,7 +150,6 @@ function vanillaExtractPlugin({
           identOption
         });
       }
-
       const {
         source,
         watchFiles
@@ -180,7 +159,6 @@ function vanillaExtractPlugin({
         esbuildOptions,
         identOption
       });
-
       for (const file of watchFiles) {
         // In start mode, we need to prevent the file from rewatching itself.
         // If it's a `build --watch`, it needs to watch everything.
@@ -188,7 +166,6 @@ function vanillaExtractPlugin({
           this.addWatchFile(file);
         }
       }
-
       const output = await processVanillaFile({
         source,
         filePath: validId,
@@ -197,40 +174,38 @@ function vanillaExtractPlugin({
           fileScope,
           source
         }) => {
-          const rootRelativeId = `${fileScope.filePath}${config.command === 'build' || ssr && forceEmitCssInSsrBuild ? virtualExtCss : virtualExtJs}`;
+          const rootRelativeId = `${fileScope.filePath}${config.command === 'build' || ssr && resolvedEmitCssInSsr ? virtualExtCss : virtualExtJs}`;
           const absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
           let cssSource = source;
-
           if (postCssConfig) {
-            const postCssResult = await (await import('postcss')).default(postCssConfig.plugins).process(source, { ...postCssConfig.options,
+            const postCssResult = await (await import('postcss')).default(postCssConfig.plugins).process(source, {
+              ...postCssConfig.options,
               from: undefined,
               map: false
             });
             cssSource = postCssResult.css;
           }
-
           if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {
             const {
               moduleGraph
             } = server;
             const [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || []);
-
             if (module) {
-              moduleGraph.invalidateModule(module); // Vite uses this timestamp to add `?t=` query string automatically for HMR.
+              moduleGraph.invalidateModule(module);
 
+              // Vite uses this timestamp to add `?t=` query string automatically for HMR.
               module.lastHMRTimestamp = module.lastInvalidationTimestamp || Date.now();
             }
-
             server.ws.send({
               type: 'custom',
               event: styleUpdateEvent(absoluteId),
               data: cssSource
             });
           }
+          cssMap.set(absoluteId, cssSource);
 
-          cssMap.set(absoluteId, cssSource); // We use the root relative id here to ensure file contents (content-hashes)
+          // We use the root relative id here to ensure file contents (content-hashes)
           // are consistent across build machines
-
           return `import "${rootRelativeId}";`;
         }
       });
@@ -241,7 +216,6 @@ function vanillaExtractPlugin({
         }
       };
     }
-
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanilla-extract/vite-plugin",
-  "version": "3.7.0",
+  "version": "3.8.0",
   "description": "Zero-runtime Stylesheets-in-TypeScript",
   "main": "dist/vanilla-extract-vite-plugin.cjs.js",
   "module": "dist/vanilla-extract-vite-plugin.esm.js",
@@ -15,7 +15,7 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
-    "@vanilla-extract/integration": "^6.0.1",
+    "@vanilla-extract/integration": "^6.0.2",
     "outdent": "^0.8.0",
     "postcss": "^8.3.6",
     "postcss-load-config": "^3.1.0"
@@ -24,6 +24,6 @@
     "vite": "^2.7.0"
   },
   "peerDependencies": {
-    "vite": "^2.2.3 || ^3.0.0"
+    "vite": "^2.2.3 || ^3.0.0 || ^4.0.3"
   }
 }