@vue/compiler-sfc 3.3.10 → 3.3.11

package/dist/compiler-sfc.cjs.js

@@ -15672,6 +15672,7 @@ class ScriptCompileContext {
   constructor(descriptor, options) {
     this.descriptor = descriptor;
     this.options = options;
+    this.isCE = false;
     this.source = this.descriptor.source;
     this.filename = this.descriptor.filename;
     this.s = new MagicString(this.source);
@@ -15698,6 +15699,11 @@ class ScriptCompileContext {
     const scriptSetupLang = scriptSetup && scriptSetup.lang;
     this.isJS = scriptLang === "js" || scriptLang === "jsx" || scriptSetupLang === "js" || scriptSetupLang === "jsx";
     this.isTS = scriptLang === "ts" || scriptLang === "tsx" || scriptSetupLang === "ts" || scriptSetupLang === "tsx";
+    const customElement = options.customElement;
+    const filename = this.descriptor.filename;
+    if (customElement) {
+      this.isCE = typeof customElement === "boolean" ? customElement : customElement(filename);
+    }
     const plugins = resolveParserPlugins(
       scriptLang || scriptSetupLang,
       options.babelParserPlugins
@@ -19385,6 +19391,15 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
       defaultString
     ])} }`;
   } else {
+    if (ctx.isCE) {
+      if (defaultString) {
+        return `${finalKey}: ${`{ ${defaultString}, type: ${toRuntimeTypeString(
+          type
+        )} }`}`;
+      } else {
+        return `${finalKey}: {type: ${toRuntimeTypeString(type)}}`;
+      }
+    }
     return `${finalKey}: ${defaultString ? `{ ${defaultString} }` : `{}`}`;
   }
 }
@@ -20629,7 +20644,7 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.3.10";
+const version = "3.3.11";
 const parseCache = parseCache$1;
 const walk = estreeWalker.walk;
 

package/dist/compiler-sfc.d.ts

@@ -144,6 +144,10 @@ export interface SFCScriptCompileOptions {
      * using it, disable this and switch to the [Vue Macros implementation](https://vue-macros.sxzz.moe/features/reactivity-transform.html).
      */
     reactivityTransform?: boolean;
+    /**
+     * Transform Vue SFCs into custom elements.
+     */
+    customElement?: boolean | ((filename: string) => boolean);
 }
 interface ImportBinding {
     isType: boolean;
@@ -355,6 +359,7 @@ export declare class ScriptCompileContext {
     options: Partial<SFCScriptCompileOptions>;
     isJS: boolean;
     isTS: boolean;
+    isCE: boolean;
     scriptAst: Program | null;
     scriptSetupAst: Program | null;
     source: string;

package/dist/compiler-sfc.esm-browser.js

@@ -275,20 +275,29 @@ const replacer = (_key, val) => {
     return replacer(_key, val.value);
   } else if (isMap(val)) {
     return {
-      [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val2]) => {
-        entries[`${key} =>`] = val2;
-        return entries;
-      }, {})
+      [`Map(${val.size})`]: [...val.entries()].reduce(
+        (entries, [key, val2], i) => {
+          entries[stringifySymbol(key, i) + " =>"] = val2;
+          return entries;
+        },
+        {}
+      )
     };
   } else if (isSet(val)) {
     return {
-      [`Set(${val.size})`]: [...val.values()]
+      [`Set(${val.size})`]: [...val.values()].map((v) => stringifySymbol(v))
     };
+  } else if (isSymbol$1(val)) {
+    return stringifySymbol(val);
   } else if (isObject$2(val) && !isArray$3(val) && !isPlainObject(val)) {
     return String(val);
   }
   return val;
 };
+const stringifySymbol = (v, i = "") => {
+  var _a;
+  return isSymbol$1(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v;
+};
 
 function defaultOnError(error) {
   throw error;
@@ -47048,6 +47057,7 @@ class ScriptCompileContext {
   constructor(descriptor, options) {
     this.descriptor = descriptor;
     this.options = options;
+    this.isCE = false;
     this.source = this.descriptor.source;
     this.filename = this.descriptor.filename;
     this.s = new MagicString(this.source);
@@ -47074,6 +47084,11 @@ class ScriptCompileContext {
     const scriptSetupLang = scriptSetup && scriptSetup.lang;
     this.isJS = scriptLang === "js" || scriptLang === "jsx" || scriptSetupLang === "js" || scriptSetupLang === "jsx";
     this.isTS = scriptLang === "ts" || scriptLang === "tsx" || scriptSetupLang === "ts" || scriptSetupLang === "tsx";
+    const customElement = options.customElement;
+    const filename = this.descriptor.filename;
+    if (customElement) {
+      this.isCE = typeof customElement === "boolean" ? customElement : customElement(filename);
+    }
     const plugins = resolveParserPlugins(
       scriptLang || scriptSetupLang,
       options.babelParserPlugins
@@ -48663,6 +48678,15 @@ function genRuntimePropFromType(ctx, { key, required, type, skipCheck }, hasStat
       defaultString
     ])} }`;
   } else {
+    if (ctx.isCE) {
+      if (defaultString) {
+        return `${finalKey}: ${`{ ${defaultString}, type: ${toRuntimeTypeString(
+          type
+        )} }`}`;
+      } else {
+        return `${finalKey}: {type: ${toRuntimeTypeString(type)}}`;
+      }
+    }
     return `${finalKey}: ${defaultString ? `{ ${defaultString} }` : `{}`}`;
   }
 }
@@ -49921,7 +49945,7 @@ function isStaticNode(node) {
   return false;
 }
 
-const version = "3.3.10";
+const version = "3.3.11";
 const parseCache = parseCache$1;
 const walk = walk$1;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.3.10",
+  "version": "3.3.11",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -37,11 +37,11 @@
     "magic-string": "^0.30.5",
     "postcss": "^8.4.32",
     "source-map-js": "^1.0.2",
-    "@vue/compiler-core": "3.3.10",
-    "@vue/compiler-dom": "3.3.10",
-    "@vue/compiler-ssr": "3.3.10",
-    "@vue/reactivity-transform": "3.3.10",
-    "@vue/shared": "3.3.10"
+    "@vue/compiler-dom": "3.3.11",
+    "@vue/compiler-ssr": "3.3.11",
+    "@vue/shared": "3.3.11",
+    "@vue/compiler-core": "3.3.11",
+    "@vue/reactivity-transform": "3.3.11"
   },
   "devDependencies": {
     "@babel/types": "^7.23.5",