@forsakringskassan/vite-lib-config 3.6.0 → 3.6.1

package/dist/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.51.1"
+      "packageVersion": "7.52.1"
     }
   ]
 }

package/dist/vite.config.cjs

@@ -1064,7 +1064,7 @@ var require_dist = __commonJS({
     var crypto__default = /* @__PURE__ */ _interopDefaultCompat(crypto);
     var require$$0__default = /* @__PURE__ */ _interopDefaultCompat(require$$0);
     var require$$1__default = /* @__PURE__ */ _interopDefaultCompat(require$$1);
-    var version2 = "5.2.1";
+    var version2 = "5.2.3";
     function resolveCompiler(root) {
       const compiler = tryResolveCompiler(root) || tryResolveCompiler();
       if (!compiler) {
@@ -1081,7 +1081,7 @@ var require_dist = __commonJS({
         return tryRequire("vue/compiler-sfc", root);
       }
     }
-    var _require = node_module.createRequire(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href);
+    var _require = node_module.createRequire(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("index.cjs", document.baseURI).href);
     function tryRequire(id, from) {
       try {
         return from ? _require(_require.resolve(id, { paths: [from] })) : _require(id);
@@ -1192,7 +1192,8 @@ var require_dist = __commonJS({
               start: { line: 0, column: 0 }
             }
           }
-        ]
+        ],
+        isTemp: true
       };
     }
     function setSrcDescriptor(filename, entry, scoped) {
@@ -1346,6 +1347,8 @@ import.meta.hot.accept(({ render }) => {
       }
       return {
         ...options.template,
+        // @ts-expect-error TODO remove when 3.6 is out
+        vapor: descriptor.vapor,
         id,
         ast: canReuseAST(options.compiler.version) ? descriptor.template?.ast : void 0,
         filename,
@@ -1408,8 +1411,7 @@ import.meta.hot.accept(({ render }) => {
       if (cached) {
         return cached;
       }
-      let resolved = null;
-      resolved = options.compiler.compileScript(descriptor, {
+      const resolved = options.compiler.compileScript(descriptor, {
         ...options.script,
         id: descriptor.id,
         isProd: options.isProduction,
@@ -1934,10 +1936,6 @@ import.meta.hot.accept(({ render }) => {
       return indexes[key] = length - 1;
     }
     var COLUMN = 0;
-    var SOURCES_INDEX = 1;
-    var SOURCE_LINE = 2;
-    var SOURCE_COLUMN = 3;
-    var NAMES_INDEX = 4;
     var NO_NAME = -1;
     var GenMapping = class {
       constructor({ file, sourceRoot } = {}) {
@@ -1990,17 +1988,12 @@ import.meta.hot.accept(({ render }) => {
       const line = getLine(mappings, genLine);
       const index = getColumnIndex(line, genColumn);
       if (!source) {
-        if (skipable && skipSourceless(line, index))
-          return;
         return insert(line, index, [genColumn]);
       }
       const sourcesIndex = put(sources, source);
       const namesIndex = name ? put(names, name) : NO_NAME;
       if (sourcesIndex === sourcesContent.length)
         sourcesContent[sourcesIndex] = content !== null && content !== void 0 ? content : null;
-      if (skipable && skipSource(line, index, sourcesIndex, sourceLine, sourceColumn, namesIndex)) {
-        return;
-      }
       return insert(line, index, name ? [genColumn, sourcesIndex, sourceLine, sourceColumn, namesIndex] : [genColumn, sourcesIndex, sourceLine, sourceColumn]);
     }
     function getLine(mappings, index) {
@@ -2038,20 +2031,6 @@ import.meta.hot.accept(({ render }) => {
       for (let i = 0; i < array.length; i++)
         put(setarr, array[i]);
     }
-    function skipSourceless(line, index) {
-      if (index === 0)
-        return true;
-      const prev = line[index - 1];
-      return prev.length === 1;
-    }
-    function skipSource(line, index, sourcesIndex, sourceLine, sourceColumn, namesIndex) {
-      if (index === 0)
-        return false;
-      const prev = line[index - 1];
-      if (prev.length === 1)
-        return false;
-      return sourcesIndex === prev[SOURCES_INDEX] && sourceLine === prev[SOURCE_LINE] && sourceColumn === prev[SOURCE_COLUMN] && namesIndex === (prev.length === 5 ? prev[NAMES_INDEX] : NO_NAME);
-    }
     function addMappingInternal(skipable, map, mapping2) {
       const { generated, source, original, name, content } = mapping2;
       if (!source) {
@@ -2286,50 +2265,64 @@ import.meta.hot.accept(({ render }) => {
           createDebug.namespaces = namespaces;
           createDebug.names = [];
           createDebug.skips = [];
-          let i;
-          const split = (typeof namespaces === "string" ? namespaces : "").split(/[\s,]+/);
-          const len = split.length;
-          for (i = 0; i < len; i++) {
-            if (!split[i]) {
-              continue;
+          const split = (typeof namespaces === "string" ? namespaces : "").trim().replace(" ", ",").split(",").filter(Boolean);
+          for (const ns of split) {
+            if (ns[0] === "-") {
+              createDebug.skips.push(ns.slice(1));
+            } else {
+              createDebug.names.push(ns);
             }
-            namespaces = split[i].replace(/\*/g, ".*?");
-            if (namespaces[0] === "-") {
-              createDebug.skips.push(new RegExp("^" + namespaces.slice(1) + "$"));
+          }
+        }
+        function matchesTemplate(search, template) {
+          let searchIndex = 0;
+          let templateIndex = 0;
+          let starIndex = -1;
+          let matchIndex = 0;
+          while (searchIndex < search.length) {
+            if (templateIndex < template.length && (template[templateIndex] === search[searchIndex] || template[templateIndex] === "*")) {
+              if (template[templateIndex] === "*") {
+                starIndex = templateIndex;
+                matchIndex = searchIndex;
+                templateIndex++;
+              } else {
+                searchIndex++;
+                templateIndex++;
+              }
+            } else if (starIndex !== -1) {
+              templateIndex = starIndex + 1;
+              matchIndex++;
+              searchIndex = matchIndex;
             } else {
-              createDebug.names.push(new RegExp("^" + namespaces + "$"));
+              return false;
             }
           }
+          while (templateIndex < template.length && template[templateIndex] === "*") {
+            templateIndex++;
+          }
+          return templateIndex === template.length;
         }
         function disable() {
           const namespaces = [
-            ...createDebug.names.map(toNamespace),
-            ...createDebug.skips.map(toNamespace).map((namespace) => "-" + namespace)
+            ...createDebug.names,
+            ...createDebug.skips.map((namespace) => "-" + namespace)
           ].join(",");
           createDebug.enable("");
           return namespaces;
         }
         function enabled(name) {
-          if (name[name.length - 1] === "*") {
-            return true;
-          }
-          let i;
-          let len;
-          for (i = 0, len = createDebug.skips.length; i < len; i++) {
-            if (createDebug.skips[i].test(name)) {
+          for (const skip of createDebug.skips) {
+            if (matchesTemplate(name, skip)) {
               return false;
             }
           }
-          for (i = 0, len = createDebug.names.length; i < len; i++) {
-            if (createDebug.names[i].test(name)) {
+          for (const ns of createDebug.names) {
+            if (matchesTemplate(name, ns)) {
               return true;
             }
           }
           return false;
         }
-        function toNamespace(regexp) {
-          return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, "*");
-        }
         function coerce(val) {
           if (val instanceof Error) {
             return val.stack || val.message;
@@ -2694,16 +2687,22 @@ import.meta.hot.accept(({ render }) => {
       })(node, node.exports);
       return node.exports;
     }
-    if (typeof process === "undefined" || process.type === "renderer" || process.browser === true || process.__nwjs) {
-      src.exports = requireBrowser();
-    } else {
-      src.exports = requireNode();
+    var hasRequiredSrc;
+    function requireSrc() {
+      if (hasRequiredSrc) return src.exports;
+      hasRequiredSrc = 1;
+      if (typeof process === "undefined" || process.type === "renderer" || process.browser === true || process.__nwjs) {
+        src.exports = requireBrowser();
+      } else {
+        src.exports = requireNode();
+      }
+      return src.exports;
     }
-    var srcExports = src.exports;
+    var srcExports = requireSrc();
     var _debug = /* @__PURE__ */ getDefaultExportFromCjs(srcExports);
     var debug = _debug("vite:hmr");
     var directRequestRE = /(?:\?|&)direct\b/;
-    async function handleHotUpdate({ file, modules, read }, options, customElement) {
+    async function handleHotUpdate({ file, modules, read }, options, customElement, typeDepModules) {
       const prevDescriptor = getDescriptor(file, options, false, true);
       if (!prevDescriptor) {
         return;
@@ -2804,17 +2803,15 @@ import.meta.hot.accept(({ render }) => {
         }
         debug(`[vue:update(${updateType.join("&")})] ${file}`);
       }
-      return [...affectedModules].filter(Boolean);
+      return [...affectedModules, ...typeDepModules || []].filter(
+        Boolean
+      );
     }
     function isEqualBlock(a, b) {
-      if (!a && !b)
-        return true;
-      if (!a || !b)
-        return false;
-      if (a.src && b.src && a.src === b.src)
-        return true;
-      if (a.content !== b.content)
-        return false;
+      if (!a && !b) return true;
+      if (!a || !b) return false;
+      if (a.src && b.src && a.src === b.src) return true;
+      if (a.content !== b.content) return false;
       const keysA = Object.keys(a.attrs);
       const keysB = Object.keys(b.attrs);
       if (keysA.length !== keysB.length) {
@@ -3063,8 +3060,7 @@ export default (sfc, props) => {
           );
           const offset = (scriptCode.match(/\r?\n/g)?.length ?? 0) + 1;
           eachMapping(tracer, (m) => {
-            if (m.source == null)
-              return;
+            if (m.source == null) return;
             addMapping(gen, {
               source: m.source,
               original: { line: m.originalLine, column: m.originalColumn },
@@ -3154,7 +3150,8 @@ export default (sfc, props) => {
       }
     }
     async function genScriptCode(descriptor, options, pluginContext, ssr, customElement) {
-      let scriptCode = `const ${scriptIdentifier} = {}`;
+      const vaporFlag = descriptor.vapor ? "__vapor: true" : "";
+      let scriptCode = `const ${scriptIdentifier} = { ${vaporFlag} }`;
       let map;
       const script = resolveScript(descriptor, options, ssr, customElement);
       if (script) {
@@ -3223,7 +3220,7 @@ export * from ${request}`;
               style.module
             );
             stylesCode += importCode;
-            Object.assign(cssModulesMap || (cssModulesMap = {}), nameMap);
+            Object.assign(cssModulesMap ||= {}, nameMap);
           } else {
             if (customElement) {
               stylesCode += `
@@ -3351,7 +3348,12 @@ import ${styleVar} from ${JSON.stringify(moduleRequest)}`,
       ) : { mappings: "" };
       return {
         code: result.code,
-        map
+        map,
+        meta: block.scoped && !descriptor.isTemp ? {
+          vite: {
+            cssScopeTo: [descriptor.filename, "default"]
+          }
+        } : void 0
       };
     }
     function vuePlugin2(rawOptions = {}) {
@@ -3374,6 +3376,7 @@ import ${styleVar} from ${JSON.stringify(moduleRequest)}`,
         const customElement = options.value.features?.customElement || options.value.customElement;
         return typeof customElement === "boolean" ? () => customElement : vite.createFilter(customElement);
       });
+      let transformCachedModule = false;
       return {
         name: "vite:vue",
         api: {
@@ -3394,26 +3397,42 @@ import ${styleVar} from ${JSON.stringify(moduleRequest)}`,
           if (options.value.compiler.invalidateTypeCache) {
             options.value.compiler.invalidateTypeCache(ctx.file);
           }
+          let typeDepModules;
+          const matchesFilter = filter3.value(ctx.file);
           if (typeDepToSFCMap.has(ctx.file)) {
-            return handleTypeDepChange(typeDepToSFCMap.get(ctx.file), ctx);
+            typeDepModules = handleTypeDepChange(
+              typeDepToSFCMap.get(ctx.file),
+              ctx
+            );
+            if (!matchesFilter) return typeDepModules;
           }
-          if (filter3.value(ctx.file)) {
+          if (matchesFilter) {
             return handleHotUpdate(
               ctx,
               options.value,
-              customElementFilter.value(ctx.file)
+              customElementFilter.value(ctx.file),
+              typeDepModules
             );
           }
         },
         config(config) {
+          const parseDefine = (v) => {
+            try {
+              return typeof v === "string" ? JSON.parse(v) : v;
+            } catch (err) {
+              return v;
+            }
+          };
           return {
             resolve: {
               dedupe: config.build?.ssr ? [] : ["vue"]
             },
             define: {
-              __VUE_OPTIONS_API__: !!((options.value.features?.optionsAPI ?? true) || config.define?.__VUE_OPTIONS_API__),
-              __VUE_PROD_DEVTOOLS__: !!(options.value.features?.prodDevtools || config.define?.__VUE_PROD_DEVTOOLS__),
-              __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: !!(options.value.features?.prodHydrationMismatchDetails || config.define?.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__)
+              __VUE_OPTIONS_API__: options.value.features?.optionsAPI ?? parseDefine(config.define?.__VUE_OPTIONS_API__) ?? true,
+              __VUE_PROD_DEVTOOLS__: (options.value.features?.prodDevtools || parseDefine(config.define?.__VUE_PROD_DEVTOOLS__)) ?? false,
+              __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: (options.value.features?.prodHydrationMismatchDetails || parseDefine(
+                config.define?.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__
+              )) ?? false
             },
             ssr: {
               // @ts-ignore -- config.legacy.buildSsrCjsExternalHeuristics will be removed in Vite 5
@@ -3430,6 +3449,23 @@ import ${styleVar} from ${JSON.stringify(moduleRequest)}`,
             isProduction: config.isProduction,
             devToolsEnabled: !!(options.value.features?.prodDevtools || config.define.__VUE_PROD_DEVTOOLS__ || !config.isProduction)
           };
+          const _warn = config.logger.warn;
+          config.logger.warn = (...args) => {
+            const msg = args[0];
+            if (msg.match(
+              /\[lightningcss\] '(deep|slotted|global)' is not recognized as a valid pseudo-/
+            )) {
+              return;
+            }
+            _warn(...args);
+          };
+          transformCachedModule = config.command === "build" && options.value.sourceMap && config.build.watch != null;
+        },
+        shouldTransformCachedModule({ id }) {
+          if (transformCachedModule && parseVueRequest(id).query.vue) {
+            return true;
+          }
+          return false;
         },
         configureServer(server) {
           options.value.devServer = server;
@@ -3451,10 +3487,10 @@ import ${styleVar} from ${JSON.stringify(moduleRequest)}`,
           }
         },
         load(id, opt) {
-          const ssr = opt?.ssr === true;
           if (id === EXPORT_HELPER_ID) {
             return helperCode;
           }
+          const ssr = opt?.ssr === true;
           const { filename, query } = parseVueRequest(id);
           if (query.vue) {
             if (query.src) {
@@ -3504,6 +3540,9 @@ import ${styleVar} from ${JSON.stringify(moduleRequest)}`,
             );
           } else {
             const descriptor = query.src ? getSrcDescriptor(filename, query) || getTempSrcDescriptor(filename, query) : getDescriptor(filename, options.value);
+            if (query.src) {
+              this.addWatchFile(filename);
+            }
             if (query.type === "template") {
               return transformTemplateAsModule(
                 code,

package/dist/vite.config.mjs

@@ -3133,7 +3133,7 @@ import path from "node:path";
 import crypto from "node:crypto";
 import require$$0 from "tty";
 import require$$1 from "util";
-var version = "5.2.1";
+var version = "5.2.3";
 function resolveCompiler(root) {
   const compiler = tryResolveCompiler(root) || tryResolveCompiler();
   if (!compiler) {
@@ -3261,7 +3261,8 @@ function getTempSrcDescriptor(filename, query) {
           start: { line: 0, column: 0 }
         }
       }
-    ]
+    ],
+    isTemp: true
   };
 }
 function setSrcDescriptor(filename, entry, scoped) {
@@ -3415,6 +3416,8 @@ function resolveTemplateCompilerOptions(descriptor, options, ssr) {
   }
   return {
     ...options.template,
+    // @ts-expect-error TODO remove when 3.6 is out
+    vapor: descriptor.vapor,
     id,
     ast: canReuseAST(options.compiler.version) ? descriptor.template?.ast : void 0,
     filename,
@@ -3477,8 +3480,7 @@ function resolveScript(descriptor, options, ssr, customElement) {
   if (cached) {
     return cached;
   }
-  let resolved = null;
-  resolved = options.compiler.compileScript(descriptor, {
+  const resolved = options.compiler.compileScript(descriptor, {
     ...options.script,
     id: descriptor.id,
     isProd: options.isProduction,
@@ -4003,10 +4005,6 @@ function put(setarr, key) {
   return indexes[key] = length - 1;
 }
 var COLUMN = 0;
-var SOURCES_INDEX = 1;
-var SOURCE_LINE = 2;
-var SOURCE_COLUMN = 3;
-var NAMES_INDEX = 4;
 var NO_NAME = -1;
 var GenMapping = class {
   constructor({ file, sourceRoot } = {}) {
@@ -4059,17 +4057,12 @@ function addSegmentInternal(skipable, map, genLine, genColumn, source, sourceLin
   const line = getLine(mappings, genLine);
   const index = getColumnIndex(line, genColumn);
   if (!source) {
-    if (skipable && skipSourceless(line, index))
-      return;
     return insert(line, index, [genColumn]);
   }
   const sourcesIndex = put(sources, source);
   const namesIndex = name ? put(names, name) : NO_NAME;
   if (sourcesIndex === sourcesContent.length)
     sourcesContent[sourcesIndex] = content !== null && content !== void 0 ? content : null;
-  if (skipable && skipSource(line, index, sourcesIndex, sourceLine, sourceColumn, namesIndex)) {
-    return;
-  }
   return insert(line, index, name ? [genColumn, sourcesIndex, sourceLine, sourceColumn, namesIndex] : [genColumn, sourcesIndex, sourceLine, sourceColumn]);
 }
 function getLine(mappings, index) {
@@ -4107,20 +4100,6 @@ function putAll(setarr, array) {
   for (let i = 0; i < array.length; i++)
     put(setarr, array[i]);
 }
-function skipSourceless(line, index) {
-  if (index === 0)
-    return true;
-  const prev = line[index - 1];
-  return prev.length === 1;
-}
-function skipSource(line, index, sourcesIndex, sourceLine, sourceColumn, namesIndex) {
-  if (index === 0)
-    return false;
-  const prev = line[index - 1];
-  if (prev.length === 1)
-    return false;
-  return sourcesIndex === prev[SOURCES_INDEX] && sourceLine === prev[SOURCE_LINE] && sourceColumn === prev[SOURCE_COLUMN] && namesIndex === (prev.length === 5 ? prev[NAMES_INDEX] : NO_NAME);
-}
 function addMappingInternal(skipable, map, mapping2) {
   const { generated, source, original, name, content } = mapping2;
   if (!source) {
@@ -4355,50 +4334,64 @@ function requireCommon() {
       createDebug.namespaces = namespaces;
       createDebug.names = [];
       createDebug.skips = [];
-      let i;
-      const split = (typeof namespaces === "string" ? namespaces : "").split(/[\s,]+/);
-      const len = split.length;
-      for (i = 0; i < len; i++) {
-        if (!split[i]) {
-          continue;
+      const split = (typeof namespaces === "string" ? namespaces : "").trim().replace(" ", ",").split(",").filter(Boolean);
+      for (const ns of split) {
+        if (ns[0] === "-") {
+          createDebug.skips.push(ns.slice(1));
+        } else {
+          createDebug.names.push(ns);
         }
-        namespaces = split[i].replace(/\*/g, ".*?");
-        if (namespaces[0] === "-") {
-          createDebug.skips.push(new RegExp("^" + namespaces.slice(1) + "$"));
+      }
+    }
+    function matchesTemplate(search, template) {
+      let searchIndex = 0;
+      let templateIndex = 0;
+      let starIndex = -1;
+      let matchIndex = 0;
+      while (searchIndex < search.length) {
+        if (templateIndex < template.length && (template[templateIndex] === search[searchIndex] || template[templateIndex] === "*")) {
+          if (template[templateIndex] === "*") {
+            starIndex = templateIndex;
+            matchIndex = searchIndex;
+            templateIndex++;
+          } else {
+            searchIndex++;
+            templateIndex++;
+          }
+        } else if (starIndex !== -1) {
+          templateIndex = starIndex + 1;
+          matchIndex++;
+          searchIndex = matchIndex;
         } else {
-          createDebug.names.push(new RegExp("^" + namespaces + "$"));
+          return false;
         }
       }
+      while (templateIndex < template.length && template[templateIndex] === "*") {
+        templateIndex++;
+      }
+      return templateIndex === template.length;
     }
     function disable() {
       const namespaces = [
-        ...createDebug.names.map(toNamespace),
-        ...createDebug.skips.map(toNamespace).map((namespace) => "-" + namespace)
+        ...createDebug.names,
+        ...createDebug.skips.map((namespace) => "-" + namespace)
       ].join(",");
       createDebug.enable("");
       return namespaces;
     }
     function enabled(name) {
-      if (name[name.length - 1] === "*") {
-        return true;
-      }
-      let i;
-      let len;
-      for (i = 0, len = createDebug.skips.length; i < len; i++) {
-        if (createDebug.skips[i].test(name)) {
+      for (const skip of createDebug.skips) {
+        if (matchesTemplate(name, skip)) {
           return false;
         }
       }
-      for (i = 0, len = createDebug.names.length; i < len; i++) {
-        if (createDebug.names[i].test(name)) {
+      for (const ns of createDebug.names) {
+        if (matchesTemplate(name, ns)) {
           return true;
         }
       }
       return false;
     }
-    function toNamespace(regexp) {
-      return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, "*");
-    }
     function coerce(val) {
       if (val instanceof Error) {
         return val.stack || val.message;
@@ -4763,16 +4756,22 @@ function requireNode() {
   })(node, node.exports);
   return node.exports;
 }
-if (typeof process === "undefined" || process.type === "renderer" || process.browser === true || process.__nwjs) {
-  src.exports = requireBrowser();
-} else {
-  src.exports = requireNode();
+var hasRequiredSrc;
+function requireSrc() {
+  if (hasRequiredSrc) return src.exports;
+  hasRequiredSrc = 1;
+  if (typeof process === "undefined" || process.type === "renderer" || process.browser === true || process.__nwjs) {
+    src.exports = requireBrowser();
+  } else {
+    src.exports = requireNode();
+  }
+  return src.exports;
 }
-var srcExports = src.exports;
+var srcExports = requireSrc();
 var _debug = /* @__PURE__ */ getDefaultExportFromCjs(srcExports);
 var debug = _debug("vite:hmr");
 var directRequestRE = /(?:\?|&)direct\b/;
-async function handleHotUpdate({ file, modules, read }, options, customElement) {
+async function handleHotUpdate({ file, modules, read }, options, customElement, typeDepModules) {
   const prevDescriptor = getDescriptor(file, options, false, true);
   if (!prevDescriptor) {
     return;
@@ -4873,17 +4872,15 @@ async function handleHotUpdate({ file, modules, read }, options, customElement)
     }
     debug(`[vue:update(${updateType.join("&")})] ${file}`);
   }
-  return [...affectedModules].filter(Boolean);
+  return [...affectedModules, ...typeDepModules || []].filter(
+    Boolean
+  );
 }
 function isEqualBlock(a, b) {
-  if (!a && !b)
-    return true;
-  if (!a || !b)
-    return false;
-  if (a.src && b.src && a.src === b.src)
-    return true;
-  if (a.content !== b.content)
-    return false;
+  if (!a && !b) return true;
+  if (!a || !b) return false;
+  if (a.src && b.src && a.src === b.src) return true;
+  if (a.content !== b.content) return false;
   const keysA = Object.keys(a.attrs);
   const keysB = Object.keys(b.attrs);
   if (keysA.length !== keysB.length) {
@@ -5132,8 +5129,7 @@ async function transformMain(code, filename, options, pluginContext, ssr, custom
       );
       const offset = (scriptCode.match(/\r?\n/g)?.length ?? 0) + 1;
       eachMapping(tracer, (m) => {
-        if (m.source == null)
-          return;
+        if (m.source == null) return;
         addMapping(gen, {
           source: m.source,
           original: { line: m.originalLine, column: m.originalColumn },
@@ -5223,7 +5219,8 @@ async function genTemplateCode(descriptor, options, pluginContext, ssr, customEl
   }
 }
 async function genScriptCode(descriptor, options, pluginContext, ssr, customElement) {
-  let scriptCode = `const ${scriptIdentifier} = {}`;
+  const vaporFlag = descriptor.vapor ? "__vapor: true" : "";
+  let scriptCode = `const ${scriptIdentifier} = { ${vaporFlag} }`;
   let map;
   const script = resolveScript(descriptor, options, ssr, customElement);
   if (script) {
@@ -5292,7 +5289,7 @@ async function genStyleCode(descriptor, pluginContext, customElement, attachedPr
           style.module
         );
         stylesCode += importCode;
-        Object.assign(cssModulesMap || (cssModulesMap = {}), nameMap);
+        Object.assign(cssModulesMap ||= {}, nameMap);
       } else {
         if (customElement) {
           stylesCode += `
@@ -5420,7 +5417,12 @@ async function transformStyle(code, descriptor, index, options, pluginContext, f
   ) : { mappings: "" };
   return {
     code: result.code,
-    map
+    map,
+    meta: block.scoped && !descriptor.isTemp ? {
+      vite: {
+        cssScopeTo: [descriptor.filename, "default"]
+      }
+    } : void 0
   };
 }
 function vuePlugin(rawOptions = {}) {
@@ -5443,6 +5445,7 @@ function vuePlugin(rawOptions = {}) {
     const customElement = options.value.features?.customElement || options.value.customElement;
     return typeof customElement === "boolean" ? () => customElement : createFilter(customElement);
   });
+  let transformCachedModule = false;
   return {
     name: "vite:vue",
     api: {
@@ -5463,26 +5466,42 @@ function vuePlugin(rawOptions = {}) {
       if (options.value.compiler.invalidateTypeCache) {
         options.value.compiler.invalidateTypeCache(ctx.file);
       }
+      let typeDepModules;
+      const matchesFilter = filter3.value(ctx.file);
       if (typeDepToSFCMap.has(ctx.file)) {
-        return handleTypeDepChange(typeDepToSFCMap.get(ctx.file), ctx);
+        typeDepModules = handleTypeDepChange(
+          typeDepToSFCMap.get(ctx.file),
+          ctx
+        );
+        if (!matchesFilter) return typeDepModules;
       }
-      if (filter3.value(ctx.file)) {
+      if (matchesFilter) {
         return handleHotUpdate(
           ctx,
           options.value,
-          customElementFilter.value(ctx.file)
+          customElementFilter.value(ctx.file),
+          typeDepModules
         );
       }
     },
     config(config) {
+      const parseDefine = (v) => {
+        try {
+          return typeof v === "string" ? JSON.parse(v) : v;
+        } catch (err) {
+          return v;
+        }
+      };
       return {
         resolve: {
           dedupe: config.build?.ssr ? [] : ["vue"]
         },
         define: {
-          __VUE_OPTIONS_API__: !!((options.value.features?.optionsAPI ?? true) || config.define?.__VUE_OPTIONS_API__),
-          __VUE_PROD_DEVTOOLS__: !!(options.value.features?.prodDevtools || config.define?.__VUE_PROD_DEVTOOLS__),
-          __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: !!(options.value.features?.prodHydrationMismatchDetails || config.define?.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__)
+          __VUE_OPTIONS_API__: options.value.features?.optionsAPI ?? parseDefine(config.define?.__VUE_OPTIONS_API__) ?? true,
+          __VUE_PROD_DEVTOOLS__: (options.value.features?.prodDevtools || parseDefine(config.define?.__VUE_PROD_DEVTOOLS__)) ?? false,
+          __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: (options.value.features?.prodHydrationMismatchDetails || parseDefine(
+            config.define?.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__
+          )) ?? false
         },
         ssr: {
           // @ts-ignore -- config.legacy.buildSsrCjsExternalHeuristics will be removed in Vite 5
@@ -5499,6 +5518,23 @@ function vuePlugin(rawOptions = {}) {
         isProduction: config.isProduction,
         devToolsEnabled: !!(options.value.features?.prodDevtools || config.define.__VUE_PROD_DEVTOOLS__ || !config.isProduction)
       };
+      const _warn = config.logger.warn;
+      config.logger.warn = (...args) => {
+        const msg = args[0];
+        if (msg.match(
+          /\[lightningcss\] '(deep|slotted|global)' is not recognized as a valid pseudo-/
+        )) {
+          return;
+        }
+        _warn(...args);
+      };
+      transformCachedModule = config.command === "build" && options.value.sourceMap && config.build.watch != null;
+    },
+    shouldTransformCachedModule({ id }) {
+      if (transformCachedModule && parseVueRequest(id).query.vue) {
+        return true;
+      }
+      return false;
     },
     configureServer(server) {
       options.value.devServer = server;
@@ -5520,10 +5556,10 @@ function vuePlugin(rawOptions = {}) {
       }
     },
     load(id, opt) {
-      const ssr = opt?.ssr === true;
       if (id === EXPORT_HELPER_ID) {
         return helperCode;
       }
+      const ssr = opt?.ssr === true;
       const { filename, query } = parseVueRequest(id);
       if (query.vue) {
         if (query.src) {
@@ -5573,6 +5609,9 @@ function vuePlugin(rawOptions = {}) {
         );
       } else {
         const descriptor = query.src ? getSrcDescriptor(filename, query) || getTempSrcDescriptor(filename, query) : getDescriptor(filename, options.value);
+        if (query.src) {
+          this.addWatchFile(filename);
+        }
         if (query.type === "template") {
           return transformTemplateAsModule(
             code,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forsakringskassan/vite-lib-config",
-  "version": "3.6.0",
+  "version": "3.6.1",
   "description": "Försäkringskassan toolchain to build libraries with Vite",
   "keywords": [
     "vite"
@@ -42,7 +42,7 @@
     "dist"
   ],
   "dependencies": {
-    "@microsoft/api-extractor": "7.51.1",
+    "@microsoft/api-extractor": "7.52.1",
     "@vue/babel-preset-app": "5.0.8"
   },
   "peerDependencies": {