From 12cb5168c2774c8e7371e1d5af4abbe4097f5c4f Mon Sep 17 00:00:00 2001
From: HoshinoDesu <1718407219@qq.com>
Date: Wed, 11 Feb 2026 21:00:26 +0800
Subject: [PATCH] Use CDN for Vue

---
 internal/server/web/index.html    |     2 +-
 internal/server/web/vue.global.js | 18466 ----------------------------
 2 files changed, 1 insertion(+), 18467 deletions(-)
 delete mode 100644 internal/server/web/vue.global.js

diff --git a/internal/server/web/index.html b/internal/server/web/index.html
index c93d8f2..c550bc8 100644
--- a/internal/server/web/index.html
+++ b/internal/server/web/index.html
@@ -16,7 +16,7 @@
             document.documentElement.setAttribute('data-theme', actualTheme);
         })();
     </script>
-    <script src="vue.global.js"></script>
+    <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
     <style>
         :root {
             /* 深色主题 */
diff --git a/internal/server/web/vue.global.js b/internal/server/web/vue.global.js
deleted file mode 100644
index 41b88ee..0000000
--- a/internal/server/web/vue.global.js
+++ /dev/null
@@ -1,18466 +0,0 @@
-/**
-* vue v3.5.28
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-var Vue = (function (exports) {
-  'use strict';
-
-  // @__NO_SIDE_EFFECTS__
-  function makeMap(str) {
-    const map = /* @__PURE__ */ Object.create(null);
-    for (const key of str.split(",")) map[key] = 1;
-    return (val) => val in map;
-  }
-
-  const EMPTY_OBJ = Object.freeze({}) ;
-  const EMPTY_ARR = Object.freeze([]) ;
-  const NOOP = () => {
-  };
-  const NO = () => false;
-  const isOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // uppercase letter
-  (key.charCodeAt(2) > 122 || key.charCodeAt(2) < 97);
-  const isModelListener = (key) => key.startsWith("onUpdate:");
-  const extend = Object.assign;
-  const remove = (arr, el) => {
-    const i = arr.indexOf(el);
-    if (i > -1) {
-      arr.splice(i, 1);
-    }
-  };
-  const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
-  const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
-  const isArray = Array.isArray;
-  const isMap = (val) => toTypeString(val) === "[object Map]";
-  const isSet = (val) => toTypeString(val) === "[object Set]";
-  const isDate = (val) => toTypeString(val) === "[object Date]";
-  const isRegExp = (val) => toTypeString(val) === "[object RegExp]";
-  const isFunction = (val) => typeof val === "function";
-  const isString = (val) => typeof val === "string";
-  const isSymbol = (val) => typeof val === "symbol";
-  const isObject = (val) => val !== null && typeof val === "object";
-  const isPromise = (val) => {
-    return (isObject(val) || isFunction(val)) && isFunction(val.then) && isFunction(val.catch);
-  };
-  const objectToString = Object.prototype.toString;
-  const toTypeString = (value) => objectToString.call(value);
-  const toRawType = (value) => {
-    return toTypeString(value).slice(8, -1);
-  };
-  const isPlainObject = (val) => toTypeString(val) === "[object Object]";
-  const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-  const isReservedProp = /* @__PURE__ */ makeMap(
-    // the leading comma is intentional so empty string "" is also included
-    ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"
-  );
-  const isBuiltInDirective = /* @__PURE__ */ makeMap(
-    "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo"
-  );
-  const cacheStringFunction = (fn) => {
-    const cache = /* @__PURE__ */ Object.create(null);
-    return ((str) => {
-      const hit = cache[str];
-      return hit || (cache[str] = fn(str));
-    });
-  };
-  const camelizeRE = /-\w/g;
-  const camelize = cacheStringFunction(
-    (str) => {
-      return str.replace(camelizeRE, (c) => c.slice(1).toUpperCase());
-    }
-  );
-  const hyphenateRE = /\B([A-Z])/g;
-  const hyphenate = cacheStringFunction(
-    (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
-  );
-  const capitalize = cacheStringFunction((str) => {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-  });
-  const toHandlerKey = cacheStringFunction(
-    (str) => {
-      const s = str ? `on${capitalize(str)}` : ``;
-      return s;
-    }
-  );
-  const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-  const invokeArrayFns = (fns, ...arg) => {
-    for (let i = 0; i < fns.length; i++) {
-      fns[i](...arg);
-    }
-  };
-  const def = (obj, key, value, writable = false) => {
-    Object.defineProperty(obj, key, {
-      configurable: true,
-      enumerable: false,
-      writable,
-      value
-    });
-  };
-  const looseToNumber = (val) => {
-    const n = parseFloat(val);
-    return isNaN(n) ? val : n;
-  };
-  const toNumber = (val) => {
-    const n = isString(val) ? Number(val) : NaN;
-    return isNaN(n) ? val : n;
-  };
-  let _globalThis;
-  const getGlobalThis = () => {
-    return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
-  };
-  function genCacheKey(source, options) {
-    return source + JSON.stringify(
-      options,
-      (_, val) => typeof val === "function" ? val.toString() : val
-    );
-  }
-
-  const PatchFlagNames = {
-    [1]: `TEXT`,
-    [2]: `CLASS`,
-    [4]: `STYLE`,
-    [8]: `PROPS`,
-    [16]: `FULL_PROPS`,
-    [32]: `NEED_HYDRATION`,
-    [64]: `STABLE_FRAGMENT`,
-    [128]: `KEYED_FRAGMENT`,
-    [256]: `UNKEYED_FRAGMENT`,
-    [512]: `NEED_PATCH`,
-    [1024]: `DYNAMIC_SLOTS`,
-    [2048]: `DEV_ROOT_FRAGMENT`,
-    [-1]: `CACHED`,
-    [-2]: `BAIL`
-  };
-
-  const slotFlagsText = {
-    [1]: "STABLE",
-    [2]: "DYNAMIC",
-    [3]: "FORWARDED"
-  };
-
-  const GLOBALS_ALLOWED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol";
-  const isGloballyAllowed = /* @__PURE__ */ makeMap(GLOBALS_ALLOWED);
-
-  const range = 2;
-  function generateCodeFrame(source, start = 0, end = source.length) {
-    start = Math.max(0, Math.min(start, source.length));
-    end = Math.max(0, Math.min(end, source.length));
-    if (start > end) return "";
-    let lines = source.split(/(\r?\n)/);
-    const newlineSequences = lines.filter((_, idx) => idx % 2 === 1);
-    lines = lines.filter((_, idx) => idx % 2 === 0);
-    let count = 0;
-    const res = [];
-    for (let i = 0; i < lines.length; i++) {
-      count += lines[i].length + (newlineSequences[i] && newlineSequences[i].length || 0);
-      if (count >= start) {
-        for (let j = i - range; j <= i + range || end > count; j++) {
-          if (j < 0 || j >= lines.length) continue;
-          const line = j + 1;
-          res.push(
-            `${line}${" ".repeat(Math.max(3 - String(line).length, 0))}|  ${lines[j]}`
-          );
-          const lineLength = lines[j].length;
-          const newLineSeqLength = newlineSequences[j] && newlineSequences[j].length || 0;
-          if (j === i) {
-            const pad = start - (count - (lineLength + newLineSeqLength));
-            const length = Math.max(
-              1,
-              end > count ? lineLength - pad : end - start
-            );
-            res.push(`   |  ` + " ".repeat(pad) + "^".repeat(length));
-          } else if (j > i) {
-            if (end > count) {
-              const length = Math.max(Math.min(end - count, lineLength), 1);
-              res.push(`   |  ` + "^".repeat(length));
-            }
-            count += lineLength + newLineSeqLength;
-          }
-        }
-        break;
-      }
-    }
-    return res.join("\n");
-  }
-
-  function normalizeStyle(value) {
-    if (isArray(value)) {
-      const res = {};
-      for (let i = 0; i < value.length; i++) {
-        const item = value[i];
-        const normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item);
-        if (normalized) {
-          for (const key in normalized) {
-            res[key] = normalized[key];
-          }
-        }
-      }
-      return res;
-    } else if (isString(value) || isObject(value)) {
-      return value;
-    }
-  }
-  const listDelimiterRE = /;(?![^(]*\))/g;
-  const propertyDelimiterRE = /:([^]+)/;
-  const styleCommentRE = /\/\*[^]*?\*\//g;
-  function parseStringStyle(cssText) {
-    const ret = {};
-    cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
-      if (item) {
-        const tmp = item.split(propertyDelimiterRE);
-        tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
-      }
-    });
-    return ret;
-  }
-  function stringifyStyle(styles) {
-    if (!styles) return "";
-    if (isString(styles)) return styles;
-    let ret = "";
-    for (const key in styles) {
-      const value = styles[key];
-      if (isString(value) || typeof value === "number") {
-        const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
-        ret += `${normalizedKey}:${value};`;
-      }
-    }
-    return ret;
-  }
-  function normalizeClass(value) {
-    let res = "";
-    if (isString(value)) {
-      res = value;
-    } else if (isArray(value)) {
-      for (let i = 0; i < value.length; i++) {
-        const normalized = normalizeClass(value[i]);
-        if (normalized) {
-          res += normalized + " ";
-        }
-      }
-    } else if (isObject(value)) {
-      for (const name in value) {
-        if (value[name]) {
-          res += name + " ";
-        }
-      }
-    }
-    return res.trim();
-  }
-  function normalizeProps(props) {
-    if (!props) return null;
-    let { class: klass, style } = props;
-    if (klass && !isString(klass)) {
-      props.class = normalizeClass(klass);
-    }
-    if (style) {
-      props.style = normalizeStyle(style);
-    }
-    return props;
-  }
-
-  const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
-  const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
-  const MATH_TAGS = "annotation,annotation-xml,maction,maligngroup,malignmark,math,menclose,merror,mfenced,mfrac,mfraction,mglyph,mi,mlabeledtr,mlongdiv,mmultiscripts,mn,mo,mover,mpadded,mphantom,mprescripts,mroot,mrow,ms,mscarries,mscarry,msgroup,msline,mspace,msqrt,msrow,mstack,mstyle,msub,msubsup,msup,mtable,mtd,mtext,mtr,munder,munderover,none,semantics";
-  const VOID_TAGS = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr";
-  const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
-  const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
-  const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
-  const isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS);
-
-  const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-  const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
-  const isBooleanAttr = /* @__PURE__ */ makeMap(
-    specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected`
-  );
-  function includeBooleanAttr(value) {
-    return !!value || value === "";
-  }
-  const isKnownHtmlAttr = /* @__PURE__ */ makeMap(
-    `accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap`
-  );
-  const isKnownSvgAttr = /* @__PURE__ */ makeMap(
-    `xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan`
-  );
-  function isRenderableAttrValue(value) {
-    if (value == null) {
-      return false;
-    }
-    const type = typeof value;
-    return type === "string" || type === "number" || type === "boolean";
-  }
-
-  const cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
-  function getEscapedCssVarName(key, doubleEscape) {
-    return key.replace(
-      cssVarNameEscapeSymbolsRE,
-      (s) => `\\${s}`
-    );
-  }
-
-  function looseCompareArrays(a, b) {
-    if (a.length !== b.length) return false;
-    let equal = true;
-    for (let i = 0; equal && i < a.length; i++) {
-      equal = looseEqual(a[i], b[i]);
-    }
-    return equal;
-  }
-  function looseEqual(a, b) {
-    if (a === b) return true;
-    let aValidType = isDate(a);
-    let bValidType = isDate(b);
-    if (aValidType || bValidType) {
-      return aValidType && bValidType ? a.getTime() === b.getTime() : false;
-    }
-    aValidType = isSymbol(a);
-    bValidType = isSymbol(b);
-    if (aValidType || bValidType) {
-      return a === b;
-    }
-    aValidType = isArray(a);
-    bValidType = isArray(b);
-    if (aValidType || bValidType) {
-      return aValidType && bValidType ? looseCompareArrays(a, b) : false;
-    }
-    aValidType = isObject(a);
-    bValidType = isObject(b);
-    if (aValidType || bValidType) {
-      if (!aValidType || !bValidType) {
-        return false;
-      }
-      const aKeysCount = Object.keys(a).length;
-      const bKeysCount = Object.keys(b).length;
-      if (aKeysCount !== bKeysCount) {
-        return false;
-      }
-      for (const key in a) {
-        const aHasKey = a.hasOwnProperty(key);
-        const bHasKey = b.hasOwnProperty(key);
-        if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) {
-          return false;
-        }
-      }
-    }
-    return String(a) === String(b);
-  }
-  function looseIndexOf(arr, val) {
-    return arr.findIndex((item) => looseEqual(item, val));
-  }
-
-  const isRef$1 = (val) => {
-    return !!(val && val["__v_isRef"] === true);
-  };
-  const toDisplayString = (val) => {
-    return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
-  };
-  const replacer = (_key, val) => {
-    if (isRef$1(val)) {
-      return replacer(_key, val.value);
-    } else if (isMap(val)) {
-      return {
-        [`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()].map((v) => stringifySymbol(v))
-      };
-    } else if (isSymbol(val)) {
-      return stringifySymbol(val);
-    } else if (isObject(val) && !isArray(val) && !isPlainObject(val)) {
-      return String(val);
-    }
-    return val;
-  };
-  const stringifySymbol = (v, i = "") => {
-    var _a;
-    return (
-      // Symbol.description in es2019+ so we need to cast here to pass
-      // the lib: es2016 check
-      isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v
-    );
-  };
-
-  function normalizeCssVarValue(value) {
-    if (value == null) {
-      return "initial";
-    }
-    if (typeof value === "string") {
-      return value === "" ? " " : value;
-    }
-    if (typeof value !== "number" || !Number.isFinite(value)) {
-      {
-        console.warn(
-          "[Vue warn] Invalid value used for CSS binding. Expected a string or a finite number but received:",
-          value
-        );
-      }
-    }
-    return String(value);
-  }
-
-  function warn$2(msg, ...args) {
-    console.warn(`[Vue warn] ${msg}`, ...args);
-  }
-
-  let activeEffectScope;
-  class EffectScope {
-    // TODO isolatedDeclarations "__v_skip"
-    constructor(detached = false) {
-      this.detached = detached;
-      /**
-       * @internal
-       */
-      this._active = true;
-      /**
-       * @internal track `on` calls, allow `on` call multiple times
-       */
-      this._on = 0;
-      /**
-       * @internal
-       */
-      this.effects = [];
-      /**
-       * @internal
-       */
-      this.cleanups = [];
-      this._isPaused = false;
-      this.__v_skip = true;
-      this.parent = activeEffectScope;
-      if (!detached && activeEffectScope) {
-        this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(
-          this
-        ) - 1;
-      }
-    }
-    get active() {
-      return this._active;
-    }
-    pause() {
-      if (this._active) {
-        this._isPaused = true;
-        let i, l;
-        if (this.scopes) {
-          for (i = 0, l = this.scopes.length; i < l; i++) {
-            this.scopes[i].pause();
-          }
-        }
-        for (i = 0, l = this.effects.length; i < l; i++) {
-          this.effects[i].pause();
-        }
-      }
-    }
-    /**
-     * Resumes the effect scope, including all child scopes and effects.
-     */
-    resume() {
-      if (this._active) {
-        if (this._isPaused) {
-          this._isPaused = false;
-          let i, l;
-          if (this.scopes) {
-            for (i = 0, l = this.scopes.length; i < l; i++) {
-              this.scopes[i].resume();
-            }
-          }
-          for (i = 0, l = this.effects.length; i < l; i++) {
-            this.effects[i].resume();
-          }
-        }
-      }
-    }
-    run(fn) {
-      if (this._active) {
-        const currentEffectScope = activeEffectScope;
-        try {
-          activeEffectScope = this;
-          return fn();
-        } finally {
-          activeEffectScope = currentEffectScope;
-        }
-      } else {
-        warn$2(`cannot run an inactive effect scope.`);
-      }
-    }
-    /**
-     * This should only be called on non-detached scopes
-     * @internal
-     */
-    on() {
-      if (++this._on === 1) {
-        this.prevScope = activeEffectScope;
-        activeEffectScope = this;
-      }
-    }
-    /**
-     * This should only be called on non-detached scopes
-     * @internal
-     */
-    off() {
-      if (this._on > 0 && --this._on === 0) {
-        activeEffectScope = this.prevScope;
-        this.prevScope = void 0;
-      }
-    }
-    stop(fromParent) {
-      if (this._active) {
-        this._active = false;
-        let i, l;
-        for (i = 0, l = this.effects.length; i < l; i++) {
-          this.effects[i].stop();
-        }
-        this.effects.length = 0;
-        for (i = 0, l = this.cleanups.length; i < l; i++) {
-          this.cleanups[i]();
-        }
-        this.cleanups.length = 0;
-        if (this.scopes) {
-          for (i = 0, l = this.scopes.length; i < l; i++) {
-            this.scopes[i].stop(true);
-          }
-          this.scopes.length = 0;
-        }
-        if (!this.detached && this.parent && !fromParent) {
-          const last = this.parent.scopes.pop();
-          if (last && last !== this) {
-            this.parent.scopes[this.index] = last;
-            last.index = this.index;
-          }
-        }
-        this.parent = void 0;
-      }
-    }
-  }
-  function effectScope(detached) {
-    return new EffectScope(detached);
-  }
-  function getCurrentScope() {
-    return activeEffectScope;
-  }
-  function onScopeDispose(fn, failSilently = false) {
-    if (activeEffectScope) {
-      activeEffectScope.cleanups.push(fn);
-    } else if (!failSilently) {
-      warn$2(
-        `onScopeDispose() is called when there is no active effect scope to be associated with.`
-      );
-    }
-  }
-
-  let activeSub;
-  const pausedQueueEffects = /* @__PURE__ */ new WeakSet();
-  class ReactiveEffect {
-    constructor(fn) {
-      this.fn = fn;
-      /**
-       * @internal
-       */
-      this.deps = void 0;
-      /**
-       * @internal
-       */
-      this.depsTail = void 0;
-      /**
-       * @internal
-       */
-      this.flags = 1 | 4;
-      /**
-       * @internal
-       */
-      this.next = void 0;
-      /**
-       * @internal
-       */
-      this.cleanup = void 0;
-      this.scheduler = void 0;
-      if (activeEffectScope && activeEffectScope.active) {
-        activeEffectScope.effects.push(this);
-      }
-    }
-    pause() {
-      this.flags |= 64;
-    }
-    resume() {
-      if (this.flags & 64) {
-        this.flags &= -65;
-        if (pausedQueueEffects.has(this)) {
-          pausedQueueEffects.delete(this);
-          this.trigger();
-        }
-      }
-    }
-    /**
-     * @internal
-     */
-    notify() {
-      if (this.flags & 2 && !(this.flags & 32)) {
-        return;
-      }
-      if (!(this.flags & 8)) {
-        batch(this);
-      }
-    }
-    run() {
-      if (!(this.flags & 1)) {
-        return this.fn();
-      }
-      this.flags |= 2;
-      cleanupEffect(this);
-      prepareDeps(this);
-      const prevEffect = activeSub;
-      const prevShouldTrack = shouldTrack;
-      activeSub = this;
-      shouldTrack = true;
-      try {
-        return this.fn();
-      } finally {
-        if (activeSub !== this) {
-          warn$2(
-            "Active effect was not restored correctly - this is likely a Vue internal bug."
-          );
-        }
-        cleanupDeps(this);
-        activeSub = prevEffect;
-        shouldTrack = prevShouldTrack;
-        this.flags &= -3;
-      }
-    }
-    stop() {
-      if (this.flags & 1) {
-        for (let link = this.deps; link; link = link.nextDep) {
-          removeSub(link);
-        }
-        this.deps = this.depsTail = void 0;
-        cleanupEffect(this);
-        this.onStop && this.onStop();
-        this.flags &= -2;
-      }
-    }
-    trigger() {
-      if (this.flags & 64) {
-        pausedQueueEffects.add(this);
-      } else if (this.scheduler) {
-        this.scheduler();
-      } else {
-        this.runIfDirty();
-      }
-    }
-    /**
-     * @internal
-     */
-    runIfDirty() {
-      if (isDirty(this)) {
-        this.run();
-      }
-    }
-    get dirty() {
-      return isDirty(this);
-    }
-  }
-  let batchDepth = 0;
-  let batchedSub;
-  let batchedComputed;
-  function batch(sub, isComputed = false) {
-    sub.flags |= 8;
-    if (isComputed) {
-      sub.next = batchedComputed;
-      batchedComputed = sub;
-      return;
-    }
-    sub.next = batchedSub;
-    batchedSub = sub;
-  }
-  function startBatch() {
-    batchDepth++;
-  }
-  function endBatch() {
-    if (--batchDepth > 0) {
-      return;
-    }
-    if (batchedComputed) {
-      let e = batchedComputed;
-      batchedComputed = void 0;
-      while (e) {
-        const next = e.next;
-        e.next = void 0;
-        e.flags &= -9;
-        e = next;
-      }
-    }
-    let error;
-    while (batchedSub) {
-      let e = batchedSub;
-      batchedSub = void 0;
-      while (e) {
-        const next = e.next;
-        e.next = void 0;
-        e.flags &= -9;
-        if (e.flags & 1) {
-          try {
-            ;
-            e.trigger();
-          } catch (err) {
-            if (!error) error = err;
-          }
-        }
-        e = next;
-      }
-    }
-    if (error) throw error;
-  }
-  function prepareDeps(sub) {
-    for (let link = sub.deps; link; link = link.nextDep) {
-      link.version = -1;
-      link.prevActiveLink = link.dep.activeLink;
-      link.dep.activeLink = link;
-    }
-  }
-  function cleanupDeps(sub) {
-    let head;
-    let tail = sub.depsTail;
-    let link = tail;
-    while (link) {
-      const prev = link.prevDep;
-      if (link.version === -1) {
-        if (link === tail) tail = prev;
-        removeSub(link);
-        removeDep(link);
-      } else {
-        head = link;
-      }
-      link.dep.activeLink = link.prevActiveLink;
-      link.prevActiveLink = void 0;
-      link = prev;
-    }
-    sub.deps = head;
-    sub.depsTail = tail;
-  }
-  function isDirty(sub) {
-    for (let link = sub.deps; link; link = link.nextDep) {
-      if (link.dep.version !== link.version || link.dep.computed && (refreshComputed(link.dep.computed) || link.dep.version !== link.version)) {
-        return true;
-      }
-    }
-    if (sub._dirty) {
-      return true;
-    }
-    return false;
-  }
-  function refreshComputed(computed) {
-    if (computed.flags & 4 && !(computed.flags & 16)) {
-      return;
-    }
-    computed.flags &= -17;
-    if (computed.globalVersion === globalVersion) {
-      return;
-    }
-    computed.globalVersion = globalVersion;
-    if (!computed.isSSR && computed.flags & 128 && (!computed.deps && !computed._dirty || !isDirty(computed))) {
-      return;
-    }
-    computed.flags |= 2;
-    const dep = computed.dep;
-    const prevSub = activeSub;
-    const prevShouldTrack = shouldTrack;
-    activeSub = computed;
-    shouldTrack = true;
-    try {
-      prepareDeps(computed);
-      const value = computed.fn(computed._value);
-      if (dep.version === 0 || hasChanged(value, computed._value)) {
-        computed.flags |= 128;
-        computed._value = value;
-        dep.version++;
-      }
-    } catch (err) {
-      dep.version++;
-      throw err;
-    } finally {
-      activeSub = prevSub;
-      shouldTrack = prevShouldTrack;
-      cleanupDeps(computed);
-      computed.flags &= -3;
-    }
-  }
-  function removeSub(link, soft = false) {
-    const { dep, prevSub, nextSub } = link;
-    if (prevSub) {
-      prevSub.nextSub = nextSub;
-      link.prevSub = void 0;
-    }
-    if (nextSub) {
-      nextSub.prevSub = prevSub;
-      link.nextSub = void 0;
-    }
-    if (dep.subsHead === link) {
-      dep.subsHead = nextSub;
-    }
-    if (dep.subs === link) {
-      dep.subs = prevSub;
-      if (!prevSub && dep.computed) {
-        dep.computed.flags &= -5;
-        for (let l = dep.computed.deps; l; l = l.nextDep) {
-          removeSub(l, true);
-        }
-      }
-    }
-    if (!soft && !--dep.sc && dep.map) {
-      dep.map.delete(dep.key);
-    }
-  }
-  function removeDep(link) {
-    const { prevDep, nextDep } = link;
-    if (prevDep) {
-      prevDep.nextDep = nextDep;
-      link.prevDep = void 0;
-    }
-    if (nextDep) {
-      nextDep.prevDep = prevDep;
-      link.nextDep = void 0;
-    }
-  }
-  function effect(fn, options) {
-    if (fn.effect instanceof ReactiveEffect) {
-      fn = fn.effect.fn;
-    }
-    const e = new ReactiveEffect(fn);
-    if (options) {
-      extend(e, options);
-    }
-    try {
-      e.run();
-    } catch (err) {
-      e.stop();
-      throw err;
-    }
-    const runner = e.run.bind(e);
-    runner.effect = e;
-    return runner;
-  }
-  function stop(runner) {
-    runner.effect.stop();
-  }
-  let shouldTrack = true;
-  const trackStack = [];
-  function pauseTracking() {
-    trackStack.push(shouldTrack);
-    shouldTrack = false;
-  }
-  function resetTracking() {
-    const last = trackStack.pop();
-    shouldTrack = last === void 0 ? true : last;
-  }
-  function cleanupEffect(e) {
-    const { cleanup } = e;
-    e.cleanup = void 0;
-    if (cleanup) {
-      const prevSub = activeSub;
-      activeSub = void 0;
-      try {
-        cleanup();
-      } finally {
-        activeSub = prevSub;
-      }
-    }
-  }
-
-  let globalVersion = 0;
-  class Link {
-    constructor(sub, dep) {
-      this.sub = sub;
-      this.dep = dep;
-      this.version = dep.version;
-      this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
-    }
-  }
-  class Dep {
-    // TODO isolatedDeclarations "__v_skip"
-    constructor(computed) {
-      this.computed = computed;
-      this.version = 0;
-      /**
-       * Link between this dep and the current active effect
-       */
-      this.activeLink = void 0;
-      /**
-       * Doubly linked list representing the subscribing effects (tail)
-       */
-      this.subs = void 0;
-      /**
-       * For object property deps cleanup
-       */
-      this.map = void 0;
-      this.key = void 0;
-      /**
-       * Subscriber counter
-       */
-      this.sc = 0;
-      /**
-       * @internal
-       */
-      this.__v_skip = true;
-      {
-        this.subsHead = void 0;
-      }
-    }
-    track(debugInfo) {
-      if (!activeSub || !shouldTrack || activeSub === this.computed) {
-        return;
-      }
-      let link = this.activeLink;
-      if (link === void 0 || link.sub !== activeSub) {
-        link = this.activeLink = new Link(activeSub, this);
-        if (!activeSub.deps) {
-          activeSub.deps = activeSub.depsTail = link;
-        } else {
-          link.prevDep = activeSub.depsTail;
-          activeSub.depsTail.nextDep = link;
-          activeSub.depsTail = link;
-        }
-        addSub(link);
-      } else if (link.version === -1) {
-        link.version = this.version;
-        if (link.nextDep) {
-          const next = link.nextDep;
-          next.prevDep = link.prevDep;
-          if (link.prevDep) {
-            link.prevDep.nextDep = next;
-          }
-          link.prevDep = activeSub.depsTail;
-          link.nextDep = void 0;
-          activeSub.depsTail.nextDep = link;
-          activeSub.depsTail = link;
-          if (activeSub.deps === link) {
-            activeSub.deps = next;
-          }
-        }
-      }
-      if (activeSub.onTrack) {
-        activeSub.onTrack(
-          extend(
-            {
-              effect: activeSub
-            },
-            debugInfo
-          )
-        );
-      }
-      return link;
-    }
-    trigger(debugInfo) {
-      this.version++;
-      globalVersion++;
-      this.notify(debugInfo);
-    }
-    notify(debugInfo) {
-      startBatch();
-      try {
-        if (true) {
-          for (let head = this.subsHead; head; head = head.nextSub) {
-            if (head.sub.onTrigger && !(head.sub.flags & 8)) {
-              head.sub.onTrigger(
-                extend(
-                  {
-                    effect: head.sub
-                  },
-                  debugInfo
-                )
-              );
-            }
-          }
-        }
-        for (let link = this.subs; link; link = link.prevSub) {
-          if (link.sub.notify()) {
-            ;
-            link.sub.dep.notify();
-          }
-        }
-      } finally {
-        endBatch();
-      }
-    }
-  }
-  function addSub(link) {
-    link.dep.sc++;
-    if (link.sub.flags & 4) {
-      const computed = link.dep.computed;
-      if (computed && !link.dep.subs) {
-        computed.flags |= 4 | 16;
-        for (let l = computed.deps; l; l = l.nextDep) {
-          addSub(l);
-        }
-      }
-      const currentTail = link.dep.subs;
-      if (currentTail !== link) {
-        link.prevSub = currentTail;
-        if (currentTail) currentTail.nextSub = link;
-      }
-      if (link.dep.subsHead === void 0) {
-        link.dep.subsHead = link;
-      }
-      link.dep.subs = link;
-    }
-  }
-  const targetMap = /* @__PURE__ */ new WeakMap();
-  const ITERATE_KEY = /* @__PURE__ */ Symbol(
-    "Object iterate" 
-  );
-  const MAP_KEY_ITERATE_KEY = /* @__PURE__ */ Symbol(
-    "Map keys iterate" 
-  );
-  const ARRAY_ITERATE_KEY = /* @__PURE__ */ Symbol(
-    "Array iterate" 
-  );
-  function track(target, type, key) {
-    if (shouldTrack && activeSub) {
-      let depsMap = targetMap.get(target);
-      if (!depsMap) {
-        targetMap.set(target, depsMap = /* @__PURE__ */ new Map());
-      }
-      let dep = depsMap.get(key);
-      if (!dep) {
-        depsMap.set(key, dep = new Dep());
-        dep.map = depsMap;
-        dep.key = key;
-      }
-      {
-        dep.track({
-          target,
-          type,
-          key
-        });
-      }
-    }
-  }
-  function trigger(target, type, key, newValue, oldValue, oldTarget) {
-    const depsMap = targetMap.get(target);
-    if (!depsMap) {
-      globalVersion++;
-      return;
-    }
-    const run = (dep) => {
-      if (dep) {
-        {
-          dep.trigger({
-            target,
-            type,
-            key,
-            newValue,
-            oldValue,
-            oldTarget
-          });
-        }
-      }
-    };
-    startBatch();
-    if (type === "clear") {
-      depsMap.forEach(run);
-    } else {
-      const targetIsArray = isArray(target);
-      const isArrayIndex = targetIsArray && isIntegerKey(key);
-      if (targetIsArray && key === "length") {
-        const newLength = Number(newValue);
-        depsMap.forEach((dep, key2) => {
-          if (key2 === "length" || key2 === ARRAY_ITERATE_KEY || !isSymbol(key2) && key2 >= newLength) {
-            run(dep);
-          }
-        });
-      } else {
-        if (key !== void 0 || depsMap.has(void 0)) {
-          run(depsMap.get(key));
-        }
-        if (isArrayIndex) {
-          run(depsMap.get(ARRAY_ITERATE_KEY));
-        }
-        switch (type) {
-          case "add":
-            if (!targetIsArray) {
-              run(depsMap.get(ITERATE_KEY));
-              if (isMap(target)) {
-                run(depsMap.get(MAP_KEY_ITERATE_KEY));
-              }
-            } else if (isArrayIndex) {
-              run(depsMap.get("length"));
-            }
-            break;
-          case "delete":
-            if (!targetIsArray) {
-              run(depsMap.get(ITERATE_KEY));
-              if (isMap(target)) {
-                run(depsMap.get(MAP_KEY_ITERATE_KEY));
-              }
-            }
-            break;
-          case "set":
-            if (isMap(target)) {
-              run(depsMap.get(ITERATE_KEY));
-            }
-            break;
-        }
-      }
-    }
-    endBatch();
-  }
-  function getDepFromReactive(object, key) {
-    const depMap = targetMap.get(object);
-    return depMap && depMap.get(key);
-  }
-
-  function reactiveReadArray(array) {
-    const raw = toRaw(array);
-    if (raw === array) return raw;
-    track(raw, "iterate", ARRAY_ITERATE_KEY);
-    return isShallow(array) ? raw : raw.map(toReactive);
-  }
-  function shallowReadArray(arr) {
-    track(arr = toRaw(arr), "iterate", ARRAY_ITERATE_KEY);
-    return arr;
-  }
-  function toWrapped(target, item) {
-    if (isReadonly(target)) {
-      return isReactive(target) ? toReadonly(toReactive(item)) : toReadonly(item);
-    }
-    return toReactive(item);
-  }
-  const arrayInstrumentations = {
-    __proto__: null,
-    [Symbol.iterator]() {
-      return iterator(this, Symbol.iterator, (item) => toWrapped(this, item));
-    },
-    concat(...args) {
-      return reactiveReadArray(this).concat(
-        ...args.map((x) => isArray(x) ? reactiveReadArray(x) : x)
-      );
-    },
-    entries() {
-      return iterator(this, "entries", (value) => {
-        value[1] = toWrapped(this, value[1]);
-        return value;
-      });
-    },
-    every(fn, thisArg) {
-      return apply(this, "every", fn, thisArg, void 0, arguments);
-    },
-    filter(fn, thisArg) {
-      return apply(
-        this,
-        "filter",
-        fn,
-        thisArg,
-        (v) => v.map((item) => toWrapped(this, item)),
-        arguments
-      );
-    },
-    find(fn, thisArg) {
-      return apply(
-        this,
-        "find",
-        fn,
-        thisArg,
-        (item) => toWrapped(this, item),
-        arguments
-      );
-    },
-    findIndex(fn, thisArg) {
-      return apply(this, "findIndex", fn, thisArg, void 0, arguments);
-    },
-    findLast(fn, thisArg) {
-      return apply(
-        this,
-        "findLast",
-        fn,
-        thisArg,
-        (item) => toWrapped(this, item),
-        arguments
-      );
-    },
-    findLastIndex(fn, thisArg) {
-      return apply(this, "findLastIndex", fn, thisArg, void 0, arguments);
-    },
-    // flat, flatMap could benefit from ARRAY_ITERATE but are not straight-forward to implement
-    forEach(fn, thisArg) {
-      return apply(this, "forEach", fn, thisArg, void 0, arguments);
-    },
-    includes(...args) {
-      return searchProxy(this, "includes", args);
-    },
-    indexOf(...args) {
-      return searchProxy(this, "indexOf", args);
-    },
-    join(separator) {
-      return reactiveReadArray(this).join(separator);
-    },
-    // keys() iterator only reads `length`, no optimization required
-    lastIndexOf(...args) {
-      return searchProxy(this, "lastIndexOf", args);
-    },
-    map(fn, thisArg) {
-      return apply(this, "map", fn, thisArg, void 0, arguments);
-    },
-    pop() {
-      return noTracking(this, "pop");
-    },
-    push(...args) {
-      return noTracking(this, "push", args);
-    },
-    reduce(fn, ...args) {
-      return reduce(this, "reduce", fn, args);
-    },
-    reduceRight(fn, ...args) {
-      return reduce(this, "reduceRight", fn, args);
-    },
-    shift() {
-      return noTracking(this, "shift");
-    },
-    // slice could use ARRAY_ITERATE but also seems to beg for range tracking
-    some(fn, thisArg) {
-      return apply(this, "some", fn, thisArg, void 0, arguments);
-    },
-    splice(...args) {
-      return noTracking(this, "splice", args);
-    },
-    toReversed() {
-      return reactiveReadArray(this).toReversed();
-    },
-    toSorted(comparer) {
-      return reactiveReadArray(this).toSorted(comparer);
-    },
-    toSpliced(...args) {
-      return reactiveReadArray(this).toSpliced(...args);
-    },
-    unshift(...args) {
-      return noTracking(this, "unshift", args);
-    },
-    values() {
-      return iterator(this, "values", (item) => toWrapped(this, item));
-    }
-  };
-  function iterator(self, method, wrapValue) {
-    const arr = shallowReadArray(self);
-    const iter = arr[method]();
-    if (arr !== self && !isShallow(self)) {
-      iter._next = iter.next;
-      iter.next = () => {
-        const result = iter._next();
-        if (!result.done) {
-          result.value = wrapValue(result.value);
-        }
-        return result;
-      };
-    }
-    return iter;
-  }
-  const arrayProto = Array.prototype;
-  function apply(self, method, fn, thisArg, wrappedRetFn, args) {
-    const arr = shallowReadArray(self);
-    const needsWrap = arr !== self && !isShallow(self);
-    const methodFn = arr[method];
-    if (methodFn !== arrayProto[method]) {
-      const result2 = methodFn.apply(self, args);
-      return needsWrap ? toReactive(result2) : result2;
-    }
-    let wrappedFn = fn;
-    if (arr !== self) {
-      if (needsWrap) {
-        wrappedFn = function(item, index) {
-          return fn.call(this, toWrapped(self, item), index, self);
-        };
-      } else if (fn.length > 2) {
-        wrappedFn = function(item, index) {
-          return fn.call(this, item, index, self);
-        };
-      }
-    }
-    const result = methodFn.call(arr, wrappedFn, thisArg);
-    return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result;
-  }
-  function reduce(self, method, fn, args) {
-    const arr = shallowReadArray(self);
-    let wrappedFn = fn;
-    if (arr !== self) {
-      if (!isShallow(self)) {
-        wrappedFn = function(acc, item, index) {
-          return fn.call(this, acc, toWrapped(self, item), index, self);
-        };
-      } else if (fn.length > 3) {
-        wrappedFn = function(acc, item, index) {
-          return fn.call(this, acc, item, index, self);
-        };
-      }
-    }
-    return arr[method](wrappedFn, ...args);
-  }
-  function searchProxy(self, method, args) {
-    const arr = toRaw(self);
-    track(arr, "iterate", ARRAY_ITERATE_KEY);
-    const res = arr[method](...args);
-    if ((res === -1 || res === false) && isProxy(args[0])) {
-      args[0] = toRaw(args[0]);
-      return arr[method](...args);
-    }
-    return res;
-  }
-  function noTracking(self, method, args = []) {
-    pauseTracking();
-    startBatch();
-    const res = toRaw(self)[method].apply(self, args);
-    endBatch();
-    resetTracking();
-    return res;
-  }
-
-  const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
-  const builtInSymbols = new Set(
-    /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol)
-  );
-  function hasOwnProperty(key) {
-    if (!isSymbol(key)) key = String(key);
-    const obj = toRaw(this);
-    track(obj, "has", key);
-    return obj.hasOwnProperty(key);
-  }
-  class BaseReactiveHandler {
-    constructor(_isReadonly = false, _isShallow = false) {
-      this._isReadonly = _isReadonly;
-      this._isShallow = _isShallow;
-    }
-    get(target, key, receiver) {
-      if (key === "__v_skip") return target["__v_skip"];
-      const isReadonly2 = this._isReadonly, isShallow2 = this._isShallow;
-      if (key === "__v_isReactive") {
-        return !isReadonly2;
-      } else if (key === "__v_isReadonly") {
-        return isReadonly2;
-      } else if (key === "__v_isShallow") {
-        return isShallow2;
-      } else if (key === "__v_raw") {
-        if (receiver === (isReadonly2 ? isShallow2 ? shallowReadonlyMap : readonlyMap : isShallow2 ? shallowReactiveMap : reactiveMap).get(target) || // receiver is not the reactive proxy, but has the same prototype
-        // this means the receiver is a user proxy of the reactive proxy
-        Object.getPrototypeOf(target) === Object.getPrototypeOf(receiver)) {
-          return target;
-        }
-        return;
-      }
-      const targetIsArray = isArray(target);
-      if (!isReadonly2) {
-        let fn;
-        if (targetIsArray && (fn = arrayInstrumentations[key])) {
-          return fn;
-        }
-        if (key === "hasOwnProperty") {
-          return hasOwnProperty;
-        }
-      }
-      const res = Reflect.get(
-        target,
-        key,
-        // if this is a proxy wrapping a ref, return methods using the raw ref
-        // as receiver so that we don't have to call `toRaw` on the ref in all
-        // its class methods
-        isRef(target) ? target : receiver
-      );
-      if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
-        return res;
-      }
-      if (!isReadonly2) {
-        track(target, "get", key);
-      }
-      if (isShallow2) {
-        return res;
-      }
-      if (isRef(res)) {
-        const value = targetIsArray && isIntegerKey(key) ? res : res.value;
-        return isReadonly2 && isObject(value) ? readonly(value) : value;
-      }
-      if (isObject(res)) {
-        return isReadonly2 ? readonly(res) : reactive(res);
-      }
-      return res;
-    }
-  }
-  class MutableReactiveHandler extends BaseReactiveHandler {
-    constructor(isShallow2 = false) {
-      super(false, isShallow2);
-    }
-    set(target, key, value, receiver) {
-      let oldValue = target[key];
-      const isArrayWithIntegerKey = isArray(target) && isIntegerKey(key);
-      if (!this._isShallow) {
-        const isOldValueReadonly = isReadonly(oldValue);
-        if (!isShallow(value) && !isReadonly(value)) {
-          oldValue = toRaw(oldValue);
-          value = toRaw(value);
-        }
-        if (!isArrayWithIntegerKey && isRef(oldValue) && !isRef(value)) {
-          if (isOldValueReadonly) {
-            {
-              warn$2(
-                `Set operation on key "${String(key)}" failed: target is readonly.`,
-                target[key]
-              );
-            }
-            return true;
-          } else {
-            oldValue.value = value;
-            return true;
-          }
-        }
-      }
-      const hadKey = isArrayWithIntegerKey ? Number(key) < target.length : hasOwn(target, key);
-      const result = Reflect.set(
-        target,
-        key,
-        value,
-        isRef(target) ? target : receiver
-      );
-      if (target === toRaw(receiver)) {
-        if (!hadKey) {
-          trigger(target, "add", key, value);
-        } else if (hasChanged(value, oldValue)) {
-          trigger(target, "set", key, value, oldValue);
-        }
-      }
-      return result;
-    }
-    deleteProperty(target, key) {
-      const hadKey = hasOwn(target, key);
-      const oldValue = target[key];
-      const result = Reflect.deleteProperty(target, key);
-      if (result && hadKey) {
-        trigger(target, "delete", key, void 0, oldValue);
-      }
-      return result;
-    }
-    has(target, key) {
-      const result = Reflect.has(target, key);
-      if (!isSymbol(key) || !builtInSymbols.has(key)) {
-        track(target, "has", key);
-      }
-      return result;
-    }
-    ownKeys(target) {
-      track(
-        target,
-        "iterate",
-        isArray(target) ? "length" : ITERATE_KEY
-      );
-      return Reflect.ownKeys(target);
-    }
-  }
-  class ReadonlyReactiveHandler extends BaseReactiveHandler {
-    constructor(isShallow2 = false) {
-      super(true, isShallow2);
-    }
-    set(target, key) {
-      {
-        warn$2(
-          `Set operation on key "${String(key)}" failed: target is readonly.`,
-          target
-        );
-      }
-      return true;
-    }
-    deleteProperty(target, key) {
-      {
-        warn$2(
-          `Delete operation on key "${String(key)}" failed: target is readonly.`,
-          target
-        );
-      }
-      return true;
-    }
-  }
-  const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
-  const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
-  const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
-  const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
-
-  const toShallow = (value) => value;
-  const getProto = (v) => Reflect.getPrototypeOf(v);
-  function createIterableMethod(method, isReadonly2, isShallow2) {
-    return function(...args) {
-      const target = this["__v_raw"];
-      const rawTarget = toRaw(target);
-      const targetIsMap = isMap(rawTarget);
-      const isPair = method === "entries" || method === Symbol.iterator && targetIsMap;
-      const isKeyOnly = method === "keys" && targetIsMap;
-      const innerIterator = target[method](...args);
-      const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
-      !isReadonly2 && track(
-        rawTarget,
-        "iterate",
-        isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY
-      );
-      return extend(
-        // inheriting all iterator properties
-        Object.create(innerIterator),
-        {
-          // iterator protocol
-          next() {
-            const { value, done } = innerIterator.next();
-            return done ? { value, done } : {
-              value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
-              done
-            };
-          }
-        }
-      );
-    };
-  }
-  function createReadonlyMethod(type) {
-    return function(...args) {
-      {
-        const key = args[0] ? `on key "${args[0]}" ` : ``;
-        warn$2(
-          `${capitalize(type)} operation ${key}failed: target is readonly.`,
-          toRaw(this)
-        );
-      }
-      return type === "delete" ? false : type === "clear" ? void 0 : this;
-    };
-  }
-  function createInstrumentations(readonly, shallow) {
-    const instrumentations = {
-      get(key) {
-        const target = this["__v_raw"];
-        const rawTarget = toRaw(target);
-        const rawKey = toRaw(key);
-        if (!readonly) {
-          if (hasChanged(key, rawKey)) {
-            track(rawTarget, "get", key);
-          }
-          track(rawTarget, "get", rawKey);
-        }
-        const { has } = getProto(rawTarget);
-        const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive;
-        if (has.call(rawTarget, key)) {
-          return wrap(target.get(key));
-        } else if (has.call(rawTarget, rawKey)) {
-          return wrap(target.get(rawKey));
-        } else if (target !== rawTarget) {
-          target.get(key);
-        }
-      },
-      get size() {
-        const target = this["__v_raw"];
-        !readonly && track(toRaw(target), "iterate", ITERATE_KEY);
-        return target.size;
-      },
-      has(key) {
-        const target = this["__v_raw"];
-        const rawTarget = toRaw(target);
-        const rawKey = toRaw(key);
-        if (!readonly) {
-          if (hasChanged(key, rawKey)) {
-            track(rawTarget, "has", key);
-          }
-          track(rawTarget, "has", rawKey);
-        }
-        return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
-      },
-      forEach(callback, thisArg) {
-        const observed = this;
-        const target = observed["__v_raw"];
-        const rawTarget = toRaw(target);
-        const wrap = shallow ? toShallow : readonly ? toReadonly : toReactive;
-        !readonly && track(rawTarget, "iterate", ITERATE_KEY);
-        return target.forEach((value, key) => {
-          return callback.call(thisArg, wrap(value), wrap(key), observed);
-        });
-      }
-    };
-    extend(
-      instrumentations,
-      readonly ? {
-        add: createReadonlyMethod("add"),
-        set: createReadonlyMethod("set"),
-        delete: createReadonlyMethod("delete"),
-        clear: createReadonlyMethod("clear")
-      } : {
-        add(value) {
-          if (!shallow && !isShallow(value) && !isReadonly(value)) {
-            value = toRaw(value);
-          }
-          const target = toRaw(this);
-          const proto = getProto(target);
-          const hadKey = proto.has.call(target, value);
-          if (!hadKey) {
-            target.add(value);
-            trigger(target, "add", value, value);
-          }
-          return this;
-        },
-        set(key, value) {
-          if (!shallow && !isShallow(value) && !isReadonly(value)) {
-            value = toRaw(value);
-          }
-          const target = toRaw(this);
-          const { has, get } = getProto(target);
-          let hadKey = has.call(target, key);
-          if (!hadKey) {
-            key = toRaw(key);
-            hadKey = has.call(target, key);
-          } else {
-            checkIdentityKeys(target, has, key);
-          }
-          const oldValue = get.call(target, key);
-          target.set(key, value);
-          if (!hadKey) {
-            trigger(target, "add", key, value);
-          } else if (hasChanged(value, oldValue)) {
-            trigger(target, "set", key, value, oldValue);
-          }
-          return this;
-        },
-        delete(key) {
-          const target = toRaw(this);
-          const { has, get } = getProto(target);
-          let hadKey = has.call(target, key);
-          if (!hadKey) {
-            key = toRaw(key);
-            hadKey = has.call(target, key);
-          } else {
-            checkIdentityKeys(target, has, key);
-          }
-          const oldValue = get ? get.call(target, key) : void 0;
-          const result = target.delete(key);
-          if (hadKey) {
-            trigger(target, "delete", key, void 0, oldValue);
-          }
-          return result;
-        },
-        clear() {
-          const target = toRaw(this);
-          const hadItems = target.size !== 0;
-          const oldTarget = isMap(target) ? new Map(target) : new Set(target) ;
-          const result = target.clear();
-          if (hadItems) {
-            trigger(
-              target,
-              "clear",
-              void 0,
-              void 0,
-              oldTarget
-            );
-          }
-          return result;
-        }
-      }
-    );
-    const iteratorMethods = [
-      "keys",
-      "values",
-      "entries",
-      Symbol.iterator
-    ];
-    iteratorMethods.forEach((method) => {
-      instrumentations[method] = createIterableMethod(method, readonly, shallow);
-    });
-    return instrumentations;
-  }
-  function createInstrumentationGetter(isReadonly2, shallow) {
-    const instrumentations = createInstrumentations(isReadonly2, shallow);
-    return (target, key, receiver) => {
-      if (key === "__v_isReactive") {
-        return !isReadonly2;
-      } else if (key === "__v_isReadonly") {
-        return isReadonly2;
-      } else if (key === "__v_raw") {
-        return target;
-      }
-      return Reflect.get(
-        hasOwn(instrumentations, key) && key in target ? instrumentations : target,
-        key,
-        receiver
-      );
-    };
-  }
-  const mutableCollectionHandlers = {
-    get: /* @__PURE__ */ createInstrumentationGetter(false, false)
-  };
-  const shallowCollectionHandlers = {
-    get: /* @__PURE__ */ createInstrumentationGetter(false, true)
-  };
-  const readonlyCollectionHandlers = {
-    get: /* @__PURE__ */ createInstrumentationGetter(true, false)
-  };
-  const shallowReadonlyCollectionHandlers = {
-    get: /* @__PURE__ */ createInstrumentationGetter(true, true)
-  };
-  function checkIdentityKeys(target, has, key) {
-    const rawKey = toRaw(key);
-    if (rawKey !== key && has.call(target, rawKey)) {
-      const type = toRawType(target);
-      warn$2(
-        `Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`
-      );
-    }
-  }
-
-  const reactiveMap = /* @__PURE__ */ new WeakMap();
-  const shallowReactiveMap = /* @__PURE__ */ new WeakMap();
-  const readonlyMap = /* @__PURE__ */ new WeakMap();
-  const shallowReadonlyMap = /* @__PURE__ */ new WeakMap();
-  function targetTypeMap(rawType) {
-    switch (rawType) {
-      case "Object":
-      case "Array":
-        return 1 /* COMMON */;
-      case "Map":
-      case "Set":
-      case "WeakMap":
-      case "WeakSet":
-        return 2 /* COLLECTION */;
-      default:
-        return 0 /* INVALID */;
-    }
-  }
-  function getTargetType(value) {
-    return value["__v_skip"] || !Object.isExtensible(value) ? 0 /* INVALID */ : targetTypeMap(toRawType(value));
-  }
-  // @__NO_SIDE_EFFECTS__
-  function reactive(target) {
-    if (/* @__PURE__ */ isReadonly(target)) {
-      return target;
-    }
-    return createReactiveObject(
-      target,
-      false,
-      mutableHandlers,
-      mutableCollectionHandlers,
-      reactiveMap
-    );
-  }
-  // @__NO_SIDE_EFFECTS__
-  function shallowReactive(target) {
-    return createReactiveObject(
-      target,
-      false,
-      shallowReactiveHandlers,
-      shallowCollectionHandlers,
-      shallowReactiveMap
-    );
-  }
-  // @__NO_SIDE_EFFECTS__
-  function readonly(target) {
-    return createReactiveObject(
-      target,
-      true,
-      readonlyHandlers,
-      readonlyCollectionHandlers,
-      readonlyMap
-    );
-  }
-  // @__NO_SIDE_EFFECTS__
-  function shallowReadonly(target) {
-    return createReactiveObject(
-      target,
-      true,
-      shallowReadonlyHandlers,
-      shallowReadonlyCollectionHandlers,
-      shallowReadonlyMap
-    );
-  }
-  function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) {
-    if (!isObject(target)) {
-      {
-        warn$2(
-          `value cannot be made ${isReadonly2 ? "readonly" : "reactive"}: ${String(
-          target
-        )}`
-        );
-      }
-      return target;
-    }
-    if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
-      return target;
-    }
-    const targetType = getTargetType(target);
-    if (targetType === 0 /* INVALID */) {
-      return target;
-    }
-    const existingProxy = proxyMap.get(target);
-    if (existingProxy) {
-      return existingProxy;
-    }
-    const proxy = new Proxy(
-      target,
-      targetType === 2 /* COLLECTION */ ? collectionHandlers : baseHandlers
-    );
-    proxyMap.set(target, proxy);
-    return proxy;
-  }
-  // @__NO_SIDE_EFFECTS__
-  function isReactive(value) {
-    if (/* @__PURE__ */ isReadonly(value)) {
-      return /* @__PURE__ */ isReactive(value["__v_raw"]);
-    }
-    return !!(value && value["__v_isReactive"]);
-  }
-  // @__NO_SIDE_EFFECTS__
-  function isReadonly(value) {
-    return !!(value && value["__v_isReadonly"]);
-  }
-  // @__NO_SIDE_EFFECTS__
-  function isShallow(value) {
-    return !!(value && value["__v_isShallow"]);
-  }
-  // @__NO_SIDE_EFFECTS__
-  function isProxy(value) {
-    return value ? !!value["__v_raw"] : false;
-  }
-  // @__NO_SIDE_EFFECTS__
-  function toRaw(observed) {
-    const raw = observed && observed["__v_raw"];
-    return raw ? /* @__PURE__ */ toRaw(raw) : observed;
-  }
-  function markRaw(value) {
-    if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) {
-      def(value, "__v_skip", true);
-    }
-    return value;
-  }
-  const toReactive = (value) => isObject(value) ? /* @__PURE__ */ reactive(value) : value;
-  const toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
-
-  // @__NO_SIDE_EFFECTS__
-  function isRef(r) {
-    return r ? r["__v_isRef"] === true : false;
-  }
-  // @__NO_SIDE_EFFECTS__
-  function ref(value) {
-    return createRef(value, false);
-  }
-  // @__NO_SIDE_EFFECTS__
-  function shallowRef(value) {
-    return createRef(value, true);
-  }
-  function createRef(rawValue, shallow) {
-    if (/* @__PURE__ */ isRef(rawValue)) {
-      return rawValue;
-    }
-    return new RefImpl(rawValue, shallow);
-  }
-  class RefImpl {
-    constructor(value, isShallow2) {
-      this.dep = new Dep();
-      this["__v_isRef"] = true;
-      this["__v_isShallow"] = false;
-      this._rawValue = isShallow2 ? value : toRaw(value);
-      this._value = isShallow2 ? value : toReactive(value);
-      this["__v_isShallow"] = isShallow2;
-    }
-    get value() {
-      {
-        this.dep.track({
-          target: this,
-          type: "get",
-          key: "value"
-        });
-      }
-      return this._value;
-    }
-    set value(newValue) {
-      const oldValue = this._rawValue;
-      const useDirectValue = this["__v_isShallow"] || isShallow(newValue) || isReadonly(newValue);
-      newValue = useDirectValue ? newValue : toRaw(newValue);
-      if (hasChanged(newValue, oldValue)) {
-        this._rawValue = newValue;
-        this._value = useDirectValue ? newValue : toReactive(newValue);
-        {
-          this.dep.trigger({
-            target: this,
-            type: "set",
-            key: "value",
-            newValue,
-            oldValue
-          });
-        }
-      }
-    }
-  }
-  function triggerRef(ref2) {
-    if (ref2.dep) {
-      {
-        ref2.dep.trigger({
-          target: ref2,
-          type: "set",
-          key: "value",
-          newValue: ref2._value
-        });
-      }
-    }
-  }
-  function unref(ref2) {
-    return /* @__PURE__ */ isRef(ref2) ? ref2.value : ref2;
-  }
-  function toValue(source) {
-    return isFunction(source) ? source() : unref(source);
-  }
-  const shallowUnwrapHandlers = {
-    get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)),
-    set: (target, key, value, receiver) => {
-      const oldValue = target[key];
-      if (/* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) {
-        oldValue.value = value;
-        return true;
-      } else {
-        return Reflect.set(target, key, value, receiver);
-      }
-    }
-  };
-  function proxyRefs(objectWithRefs) {
-    return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers);
-  }
-  class CustomRefImpl {
-    constructor(factory) {
-      this["__v_isRef"] = true;
-      this._value = void 0;
-      const dep = this.dep = new Dep();
-      const { get, set } = factory(dep.track.bind(dep), dep.trigger.bind(dep));
-      this._get = get;
-      this._set = set;
-    }
-    get value() {
-      return this._value = this._get();
-    }
-    set value(newVal) {
-      this._set(newVal);
-    }
-  }
-  function customRef(factory) {
-    return new CustomRefImpl(factory);
-  }
-  // @__NO_SIDE_EFFECTS__
-  function toRefs(object) {
-    if (!isProxy(object)) {
-      warn$2(`toRefs() expects a reactive object but received a plain one.`);
-    }
-    const ret = isArray(object) ? new Array(object.length) : {};
-    for (const key in object) {
-      ret[key] = propertyToRef(object, key);
-    }
-    return ret;
-  }
-  class ObjectRefImpl {
-    constructor(_object, _key, _defaultValue) {
-      this._object = _object;
-      this._key = _key;
-      this._defaultValue = _defaultValue;
-      this["__v_isRef"] = true;
-      this._value = void 0;
-      this._raw = toRaw(_object);
-      let shallow = true;
-      let obj = _object;
-      if (!isArray(_object) || !isIntegerKey(String(_key))) {
-        do {
-          shallow = !isProxy(obj) || isShallow(obj);
-        } while (shallow && (obj = obj["__v_raw"]));
-      }
-      this._shallow = shallow;
-    }
-    get value() {
-      let val = this._object[this._key];
-      if (this._shallow) {
-        val = unref(val);
-      }
-      return this._value = val === void 0 ? this._defaultValue : val;
-    }
-    set value(newVal) {
-      if (this._shallow && /* @__PURE__ */ isRef(this._raw[this._key])) {
-        const nestedRef = this._object[this._key];
-        if (/* @__PURE__ */ isRef(nestedRef)) {
-          nestedRef.value = newVal;
-          return;
-        }
-      }
-      this._object[this._key] = newVal;
-    }
-    get dep() {
-      return getDepFromReactive(this._raw, this._key);
-    }
-  }
-  class GetterRefImpl {
-    constructor(_getter) {
-      this._getter = _getter;
-      this["__v_isRef"] = true;
-      this["__v_isReadonly"] = true;
-      this._value = void 0;
-    }
-    get value() {
-      return this._value = this._getter();
-    }
-  }
-  // @__NO_SIDE_EFFECTS__
-  function toRef(source, key, defaultValue) {
-    if (/* @__PURE__ */ isRef(source)) {
-      return source;
-    } else if (isFunction(source)) {
-      return new GetterRefImpl(source);
-    } else if (isObject(source) && arguments.length > 1) {
-      return propertyToRef(source, key, defaultValue);
-    } else {
-      return /* @__PURE__ */ ref(source);
-    }
-  }
-  function propertyToRef(source, key, defaultValue) {
-    return new ObjectRefImpl(source, key, defaultValue);
-  }
-
-  class ComputedRefImpl {
-    constructor(fn, setter, isSSR) {
-      this.fn = fn;
-      this.setter = setter;
-      /**
-       * @internal
-       */
-      this._value = void 0;
-      /**
-       * @internal
-       */
-      this.dep = new Dep(this);
-      /**
-       * @internal
-       */
-      this.__v_isRef = true;
-      // TODO isolatedDeclarations "__v_isReadonly"
-      // A computed is also a subscriber that tracks other deps
-      /**
-       * @internal
-       */
-      this.deps = void 0;
-      /**
-       * @internal
-       */
-      this.depsTail = void 0;
-      /**
-       * @internal
-       */
-      this.flags = 16;
-      /**
-       * @internal
-       */
-      this.globalVersion = globalVersion - 1;
-      /**
-       * @internal
-       */
-      this.next = void 0;
-      // for backwards compat
-      this.effect = this;
-      this["__v_isReadonly"] = !setter;
-      this.isSSR = isSSR;
-    }
-    /**
-     * @internal
-     */
-    notify() {
-      this.flags |= 16;
-      if (!(this.flags & 8) && // avoid infinite self recursion
-      activeSub !== this) {
-        batch(this, true);
-        return true;
-      }
-    }
-    get value() {
-      const link = this.dep.track({
-        target: this,
-        type: "get",
-        key: "value"
-      }) ;
-      refreshComputed(this);
-      if (link) {
-        link.version = this.dep.version;
-      }
-      return this._value;
-    }
-    set value(newValue) {
-      if (this.setter) {
-        this.setter(newValue);
-      } else {
-        warn$2("Write operation failed: computed value is readonly");
-      }
-    }
-  }
-  // @__NO_SIDE_EFFECTS__
-  function computed$1(getterOrOptions, debugOptions, isSSR = false) {
-    let getter;
-    let setter;
-    if (isFunction(getterOrOptions)) {
-      getter = getterOrOptions;
-    } else {
-      getter = getterOrOptions.get;
-      setter = getterOrOptions.set;
-    }
-    const cRef = new ComputedRefImpl(getter, setter, isSSR);
-    if (debugOptions && !isSSR) {
-      cRef.onTrack = debugOptions.onTrack;
-      cRef.onTrigger = debugOptions.onTrigger;
-    }
-    return cRef;
-  }
-
-  const TrackOpTypes = {
-    "GET": "get",
-    "HAS": "has",
-    "ITERATE": "iterate"
-  };
-  const TriggerOpTypes = {
-    "SET": "set",
-    "ADD": "add",
-    "DELETE": "delete",
-    "CLEAR": "clear"
-  };
-
-  const INITIAL_WATCHER_VALUE = {};
-  const cleanupMap = /* @__PURE__ */ new WeakMap();
-  let activeWatcher = void 0;
-  function getCurrentWatcher() {
-    return activeWatcher;
-  }
-  function onWatcherCleanup(cleanupFn, failSilently = false, owner = activeWatcher) {
-    if (owner) {
-      let cleanups = cleanupMap.get(owner);
-      if (!cleanups) cleanupMap.set(owner, cleanups = []);
-      cleanups.push(cleanupFn);
-    } else if (!failSilently) {
-      warn$2(
-        `onWatcherCleanup() was called when there was no active watcher to associate with.`
-      );
-    }
-  }
-  function watch$1(source, cb, options = EMPTY_OBJ) {
-    const { immediate, deep, once, scheduler, augmentJob, call } = options;
-    const warnInvalidSource = (s) => {
-      (options.onWarn || warn$2)(
-        `Invalid watch source: `,
-        s,
-        `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.`
-      );
-    };
-    const reactiveGetter = (source2) => {
-      if (deep) return source2;
-      if (isShallow(source2) || deep === false || deep === 0)
-        return traverse(source2, 1);
-      return traverse(source2);
-    };
-    let effect;
-    let getter;
-    let cleanup;
-    let boundCleanup;
-    let forceTrigger = false;
-    let isMultiSource = false;
-    if (isRef(source)) {
-      getter = () => source.value;
-      forceTrigger = isShallow(source);
-    } else if (isReactive(source)) {
-      getter = () => reactiveGetter(source);
-      forceTrigger = true;
-    } else if (isArray(source)) {
-      isMultiSource = true;
-      forceTrigger = source.some((s) => isReactive(s) || isShallow(s));
-      getter = () => source.map((s) => {
-        if (isRef(s)) {
-          return s.value;
-        } else if (isReactive(s)) {
-          return reactiveGetter(s);
-        } else if (isFunction(s)) {
-          return call ? call(s, 2) : s();
-        } else {
-          warnInvalidSource(s);
-        }
-      });
-    } else if (isFunction(source)) {
-      if (cb) {
-        getter = call ? () => call(source, 2) : source;
-      } else {
-        getter = () => {
-          if (cleanup) {
-            pauseTracking();
-            try {
-              cleanup();
-            } finally {
-              resetTracking();
-            }
-          }
-          const currentEffect = activeWatcher;
-          activeWatcher = effect;
-          try {
-            return call ? call(source, 3, [boundCleanup]) : source(boundCleanup);
-          } finally {
-            activeWatcher = currentEffect;
-          }
-        };
-      }
-    } else {
-      getter = NOOP;
-      warnInvalidSource(source);
-    }
-    if (cb && deep) {
-      const baseGetter = getter;
-      const depth = deep === true ? Infinity : deep;
-      getter = () => traverse(baseGetter(), depth);
-    }
-    const scope = getCurrentScope();
-    const watchHandle = () => {
-      effect.stop();
-      if (scope && scope.active) {
-        remove(scope.effects, effect);
-      }
-    };
-    if (once && cb) {
-      const _cb = cb;
-      cb = (...args) => {
-        _cb(...args);
-        watchHandle();
-      };
-    }
-    let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
-    const job = (immediateFirstRun) => {
-      if (!(effect.flags & 1) || !effect.dirty && !immediateFirstRun) {
-        return;
-      }
-      if (cb) {
-        const newValue = effect.run();
-        if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
-          if (cleanup) {
-            cleanup();
-          }
-          const currentWatcher = activeWatcher;
-          activeWatcher = effect;
-          try {
-            const args = [
-              newValue,
-              // pass undefined as the old value when it's changed for the first time
-              oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
-              boundCleanup
-            ];
-            oldValue = newValue;
-            call ? call(cb, 3, args) : (
-              // @ts-expect-error
-              cb(...args)
-            );
-          } finally {
-            activeWatcher = currentWatcher;
-          }
-        }
-      } else {
-        effect.run();
-      }
-    };
-    if (augmentJob) {
-      augmentJob(job);
-    }
-    effect = new ReactiveEffect(getter);
-    effect.scheduler = scheduler ? () => scheduler(job, false) : job;
-    boundCleanup = (fn) => onWatcherCleanup(fn, false, effect);
-    cleanup = effect.onStop = () => {
-      const cleanups = cleanupMap.get(effect);
-      if (cleanups) {
-        if (call) {
-          call(cleanups, 4);
-        } else {
-          for (const cleanup2 of cleanups) cleanup2();
-        }
-        cleanupMap.delete(effect);
-      }
-    };
-    {
-      effect.onTrack = options.onTrack;
-      effect.onTrigger = options.onTrigger;
-    }
-    if (cb) {
-      if (immediate) {
-        job(true);
-      } else {
-        oldValue = effect.run();
-      }
-    } else if (scheduler) {
-      scheduler(job.bind(null, true), true);
-    } else {
-      effect.run();
-    }
-    watchHandle.pause = effect.pause.bind(effect);
-    watchHandle.resume = effect.resume.bind(effect);
-    watchHandle.stop = watchHandle;
-    return watchHandle;
-  }
-  function traverse(value, depth = Infinity, seen) {
-    if (depth <= 0 || !isObject(value) || value["__v_skip"]) {
-      return value;
-    }
-    seen = seen || /* @__PURE__ */ new Map();
-    if ((seen.get(value) || 0) >= depth) {
-      return value;
-    }
-    seen.set(value, depth);
-    depth--;
-    if (isRef(value)) {
-      traverse(value.value, depth, seen);
-    } else if (isArray(value)) {
-      for (let i = 0; i < value.length; i++) {
-        traverse(value[i], depth, seen);
-      }
-    } else if (isSet(value) || isMap(value)) {
-      value.forEach((v) => {
-        traverse(v, depth, seen);
-      });
-    } else if (isPlainObject(value)) {
-      for (const key in value) {
-        traverse(value[key], depth, seen);
-      }
-      for (const key of Object.getOwnPropertySymbols(value)) {
-        if (Object.prototype.propertyIsEnumerable.call(value, key)) {
-          traverse(value[key], depth, seen);
-        }
-      }
-    }
-    return value;
-  }
-
-  const stack$1 = [];
-  function pushWarningContext(vnode) {
-    stack$1.push(vnode);
-  }
-  function popWarningContext() {
-    stack$1.pop();
-  }
-  let isWarning = false;
-  function warn$1(msg, ...args) {
-    if (isWarning) return;
-    isWarning = true;
-    pauseTracking();
-    const instance = stack$1.length ? stack$1[stack$1.length - 1].component : null;
-    const appWarnHandler = instance && instance.appContext.config.warnHandler;
-    const trace = getComponentTrace();
-    if (appWarnHandler) {
-      callWithErrorHandling(
-        appWarnHandler,
-        instance,
-        11,
-        [
-          // eslint-disable-next-line no-restricted-syntax
-          msg + args.map((a) => {
-            var _a, _b;
-            return (_b = (_a = a.toString) == null ? void 0 : _a.call(a)) != null ? _b : JSON.stringify(a);
-          }).join(""),
-          instance && instance.proxy,
-          trace.map(
-            ({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`
-          ).join("\n"),
-          trace
-        ]
-      );
-    } else {
-      const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-      if (trace.length && // avoid spamming console during tests
-      true) {
-        warnArgs.push(`
-`, ...formatTrace(trace));
-      }
-      console.warn(...warnArgs);
-    }
-    resetTracking();
-    isWarning = false;
-  }
-  function getComponentTrace() {
-    let currentVNode = stack$1[stack$1.length - 1];
-    if (!currentVNode) {
-      return [];
-    }
-    const normalizedStack = [];
-    while (currentVNode) {
-      const last = normalizedStack[0];
-      if (last && last.vnode === currentVNode) {
-        last.recurseCount++;
-      } else {
-        normalizedStack.push({
-          vnode: currentVNode,
-          recurseCount: 0
-        });
-      }
-      const parentInstance = currentVNode.component && currentVNode.component.parent;
-      currentVNode = parentInstance && parentInstance.vnode;
-    }
-    return normalizedStack;
-  }
-  function formatTrace(trace) {
-    const logs = [];
-    trace.forEach((entry, i) => {
-      logs.push(...i === 0 ? [] : [`
-`], ...formatTraceEntry(entry));
-    });
-    return logs;
-  }
-  function formatTraceEntry({ vnode, recurseCount }) {
-    const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-    const isRoot = vnode.component ? vnode.component.parent == null : false;
-    const open = ` at <${formatComponentName(
-    vnode.component,
-    vnode.type,
-    isRoot
-  )}`;
-    const close = `>` + postfix;
-    return vnode.props ? [open, ...formatProps(vnode.props), close] : [open + close];
-  }
-  function formatProps(props) {
-    const res = [];
-    const keys = Object.keys(props);
-    keys.slice(0, 3).forEach((key) => {
-      res.push(...formatProp(key, props[key]));
-    });
-    if (keys.length > 3) {
-      res.push(` ...`);
-    }
-    return res;
-  }
-  function formatProp(key, value, raw) {
-    if (isString(value)) {
-      value = JSON.stringify(value);
-      return raw ? value : [`${key}=${value}`];
-    } else if (typeof value === "number" || typeof value === "boolean" || value == null) {
-      return raw ? value : [`${key}=${value}`];
-    } else if (isRef(value)) {
-      value = formatProp(key, toRaw(value.value), true);
-      return raw ? value : [`${key}=Ref<`, value, `>`];
-    } else if (isFunction(value)) {
-      return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-    } else {
-      value = toRaw(value);
-      return raw ? value : [`${key}=`, value];
-    }
-  }
-  function assertNumber(val, type) {
-    if (val === void 0) {
-      return;
-    } else if (typeof val !== "number") {
-      warn$1(`${type} is not a valid number - got ${JSON.stringify(val)}.`);
-    } else if (isNaN(val)) {
-      warn$1(`${type} is NaN - the duration expression might be incorrect.`);
-    }
-  }
-
-  const ErrorCodes = {
-    "SETUP_FUNCTION": 0,
-    "0": "SETUP_FUNCTION",
-    "RENDER_FUNCTION": 1,
-    "1": "RENDER_FUNCTION",
-    "NATIVE_EVENT_HANDLER": 5,
-    "5": "NATIVE_EVENT_HANDLER",
-    "COMPONENT_EVENT_HANDLER": 6,
-    "6": "COMPONENT_EVENT_HANDLER",
-    "VNODE_HOOK": 7,
-    "7": "VNODE_HOOK",
-    "DIRECTIVE_HOOK": 8,
-    "8": "DIRECTIVE_HOOK",
-    "TRANSITION_HOOK": 9,
-    "9": "TRANSITION_HOOK",
-    "APP_ERROR_HANDLER": 10,
-    "10": "APP_ERROR_HANDLER",
-    "APP_WARN_HANDLER": 11,
-    "11": "APP_WARN_HANDLER",
-    "FUNCTION_REF": 12,
-    "12": "FUNCTION_REF",
-    "ASYNC_COMPONENT_LOADER": 13,
-    "13": "ASYNC_COMPONENT_LOADER",
-    "SCHEDULER": 14,
-    "14": "SCHEDULER",
-    "COMPONENT_UPDATE": 15,
-    "15": "COMPONENT_UPDATE",
-    "APP_UNMOUNT_CLEANUP": 16,
-    "16": "APP_UNMOUNT_CLEANUP"
-  };
-  const ErrorTypeStrings$1 = {
-    ["sp"]: "serverPrefetch hook",
-    ["bc"]: "beforeCreate hook",
-    ["c"]: "created hook",
-    ["bm"]: "beforeMount hook",
-    ["m"]: "mounted hook",
-    ["bu"]: "beforeUpdate hook",
-    ["u"]: "updated",
-    ["bum"]: "beforeUnmount hook",
-    ["um"]: "unmounted hook",
-    ["a"]: "activated hook",
-    ["da"]: "deactivated hook",
-    ["ec"]: "errorCaptured hook",
-    ["rtc"]: "renderTracked hook",
-    ["rtg"]: "renderTriggered hook",
-    [0]: "setup function",
-    [1]: "render function",
-    [2]: "watcher getter",
-    [3]: "watcher callback",
-    [4]: "watcher cleanup function",
-    [5]: "native event handler",
-    [6]: "component event handler",
-    [7]: "vnode hook",
-    [8]: "directive hook",
-    [9]: "transition hook",
-    [10]: "app errorHandler",
-    [11]: "app warnHandler",
-    [12]: "ref function",
-    [13]: "async component loader",
-    [14]: "scheduler flush",
-    [15]: "component update",
-    [16]: "app unmount cleanup function"
-  };
-  function callWithErrorHandling(fn, instance, type, args) {
-    try {
-      return args ? fn(...args) : fn();
-    } catch (err) {
-      handleError(err, instance, type);
-    }
-  }
-  function callWithAsyncErrorHandling(fn, instance, type, args) {
-    if (isFunction(fn)) {
-      const res = callWithErrorHandling(fn, instance, type, args);
-      if (res && isPromise(res)) {
-        res.catch((err) => {
-          handleError(err, instance, type);
-        });
-      }
-      return res;
-    }
-    if (isArray(fn)) {
-      const values = [];
-      for (let i = 0; i < fn.length; i++) {
-        values.push(callWithAsyncErrorHandling(fn[i], instance, type, args));
-      }
-      return values;
-    } else {
-      warn$1(
-        `Invalid value type passed to callWithAsyncErrorHandling(): ${typeof fn}`
-      );
-    }
-  }
-  function handleError(err, instance, type, throwInDev = true) {
-    const contextVNode = instance ? instance.vnode : null;
-    const { errorHandler, throwUnhandledErrorInProduction } = instance && instance.appContext.config || EMPTY_OBJ;
-    if (instance) {
-      let cur = instance.parent;
-      const exposedInstance = instance.proxy;
-      const errorInfo = ErrorTypeStrings$1[type] ;
-      while (cur) {
-        const errorCapturedHooks = cur.ec;
-        if (errorCapturedHooks) {
-          for (let i = 0; i < errorCapturedHooks.length; i++) {
-            if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-              return;
-            }
-          }
-        }
-        cur = cur.parent;
-      }
-      if (errorHandler) {
-        pauseTracking();
-        callWithErrorHandling(errorHandler, null, 10, [
-          err,
-          exposedInstance,
-          errorInfo
-        ]);
-        resetTracking();
-        return;
-      }
-    }
-    logError(err, type, contextVNode, throwInDev, throwUnhandledErrorInProduction);
-  }
-  function logError(err, type, contextVNode, throwInDev = true, throwInProd = false) {
-    {
-      const info = ErrorTypeStrings$1[type];
-      if (contextVNode) {
-        pushWarningContext(contextVNode);
-      }
-      warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-      if (contextVNode) {
-        popWarningContext();
-      }
-      if (throwInDev) {
-        throw err;
-      } else {
-        console.error(err);
-      }
-    }
-  }
-
-  const queue = [];
-  let flushIndex = -1;
-  const pendingPostFlushCbs = [];
-  let activePostFlushCbs = null;
-  let postFlushIndex = 0;
-  const resolvedPromise = /* @__PURE__ */ Promise.resolve();
-  let currentFlushPromise = null;
-  const RECURSION_LIMIT = 100;
-  function nextTick(fn) {
-    const p = currentFlushPromise || resolvedPromise;
-    return fn ? p.then(this ? fn.bind(this) : fn) : p;
-  }
-  function findInsertionIndex(id) {
-    let start = flushIndex + 1;
-    let end = queue.length;
-    while (start < end) {
-      const middle = start + end >>> 1;
-      const middleJob = queue[middle];
-      const middleJobId = getId(middleJob);
-      if (middleJobId < id || middleJobId === id && middleJob.flags & 2) {
-        start = middle + 1;
-      } else {
-        end = middle;
-      }
-    }
-    return start;
-  }
-  function queueJob(job) {
-    if (!(job.flags & 1)) {
-      const jobId = getId(job);
-      const lastJob = queue[queue.length - 1];
-      if (!lastJob || // fast path when the job id is larger than the tail
-      !(job.flags & 2) && jobId >= getId(lastJob)) {
-        queue.push(job);
-      } else {
-        queue.splice(findInsertionIndex(jobId), 0, job);
-      }
-      job.flags |= 1;
-      queueFlush();
-    }
-  }
-  function queueFlush() {
-    if (!currentFlushPromise) {
-      currentFlushPromise = resolvedPromise.then(flushJobs);
-    }
-  }
-  function queuePostFlushCb(cb) {
-    if (!isArray(cb)) {
-      if (activePostFlushCbs && cb.id === -1) {
-        activePostFlushCbs.splice(postFlushIndex + 1, 0, cb);
-      } else if (!(cb.flags & 1)) {
-        pendingPostFlushCbs.push(cb);
-        cb.flags |= 1;
-      }
-    } else {
-      pendingPostFlushCbs.push(...cb);
-    }
-    queueFlush();
-  }
-  function flushPreFlushCbs(instance, seen, i = flushIndex + 1) {
-    {
-      seen = seen || /* @__PURE__ */ new Map();
-    }
-    for (; i < queue.length; i++) {
-      const cb = queue[i];
-      if (cb && cb.flags & 2) {
-        if (instance && cb.id !== instance.uid) {
-          continue;
-        }
-        if (checkRecursiveUpdates(seen, cb)) {
-          continue;
-        }
-        queue.splice(i, 1);
-        i--;
-        if (cb.flags & 4) {
-          cb.flags &= -2;
-        }
-        cb();
-        if (!(cb.flags & 4)) {
-          cb.flags &= -2;
-        }
-      }
-    }
-  }
-  function flushPostFlushCbs(seen) {
-    if (pendingPostFlushCbs.length) {
-      const deduped = [...new Set(pendingPostFlushCbs)].sort(
-        (a, b) => getId(a) - getId(b)
-      );
-      pendingPostFlushCbs.length = 0;
-      if (activePostFlushCbs) {
-        activePostFlushCbs.push(...deduped);
-        return;
-      }
-      activePostFlushCbs = deduped;
-      {
-        seen = seen || /* @__PURE__ */ new Map();
-      }
-      for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-        const cb = activePostFlushCbs[postFlushIndex];
-        if (checkRecursiveUpdates(seen, cb)) {
-          continue;
-        }
-        if (cb.flags & 4) {
-          cb.flags &= -2;
-        }
-        if (!(cb.flags & 8)) cb();
-        cb.flags &= -2;
-      }
-      activePostFlushCbs = null;
-      postFlushIndex = 0;
-    }
-  }
-  const getId = (job) => job.id == null ? job.flags & 2 ? -1 : Infinity : job.id;
-  function flushJobs(seen) {
-    {
-      seen = seen || /* @__PURE__ */ new Map();
-    }
-    const check = (job) => checkRecursiveUpdates(seen, job) ;
-    try {
-      for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-        const job = queue[flushIndex];
-        if (job && !(job.flags & 8)) {
-          if (check(job)) {
-            continue;
-          }
-          if (job.flags & 4) {
-            job.flags &= ~1;
-          }
-          callWithErrorHandling(
-            job,
-            job.i,
-            job.i ? 15 : 14
-          );
-          if (!(job.flags & 4)) {
-            job.flags &= ~1;
-          }
-        }
-      }
-    } finally {
-      for (; flushIndex < queue.length; flushIndex++) {
-        const job = queue[flushIndex];
-        if (job) {
-          job.flags &= -2;
-        }
-      }
-      flushIndex = -1;
-      queue.length = 0;
-      flushPostFlushCbs(seen);
-      currentFlushPromise = null;
-      if (queue.length || pendingPostFlushCbs.length) {
-        flushJobs(seen);
-      }
-    }
-  }
-  function checkRecursiveUpdates(seen, fn) {
-    const count = seen.get(fn) || 0;
-    if (count > RECURSION_LIMIT) {
-      const instance = fn.i;
-      const componentName = instance && getComponentName(instance.type);
-      handleError(
-        `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,
-        null,
-        10
-      );
-      return true;
-    }
-    seen.set(fn, count + 1);
-    return false;
-  }
-
-  let isHmrUpdating = false;
-  const hmrDirtyComponents = /* @__PURE__ */ new Map();
-  {
-    getGlobalThis().__VUE_HMR_RUNTIME__ = {
-      createRecord: tryWrap(createRecord),
-      rerender: tryWrap(rerender),
-      reload: tryWrap(reload)
-    };
-  }
-  const map = /* @__PURE__ */ new Map();
-  function registerHMR(instance) {
-    const id = instance.type.__hmrId;
-    let record = map.get(id);
-    if (!record) {
-      createRecord(id, instance.type);
-      record = map.get(id);
-    }
-    record.instances.add(instance);
-  }
-  function unregisterHMR(instance) {
-    map.get(instance.type.__hmrId).instances.delete(instance);
-  }
-  function createRecord(id, initialDef) {
-    if (map.has(id)) {
-      return false;
-    }
-    map.set(id, {
-      initialDef: normalizeClassComponent(initialDef),
-      instances: /* @__PURE__ */ new Set()
-    });
-    return true;
-  }
-  function normalizeClassComponent(component) {
-    return isClassComponent(component) ? component.__vccOpts : component;
-  }
-  function rerender(id, newRender) {
-    const record = map.get(id);
-    if (!record) {
-      return;
-    }
-    record.initialDef.render = newRender;
-    [...record.instances].forEach((instance) => {
-      if (newRender) {
-        instance.render = newRender;
-        normalizeClassComponent(instance.type).render = newRender;
-      }
-      instance.renderCache = [];
-      isHmrUpdating = true;
-      if (!(instance.job.flags & 8)) {
-        instance.update();
-      }
-      isHmrUpdating = false;
-    });
-  }
-  function reload(id, newComp) {
-    const record = map.get(id);
-    if (!record) return;
-    newComp = normalizeClassComponent(newComp);
-    updateComponentDef(record.initialDef, newComp);
-    const instances = [...record.instances];
-    for (let i = 0; i < instances.length; i++) {
-      const instance = instances[i];
-      const oldComp = normalizeClassComponent(instance.type);
-      let dirtyInstances = hmrDirtyComponents.get(oldComp);
-      if (!dirtyInstances) {
-        if (oldComp !== record.initialDef) {
-          updateComponentDef(oldComp, newComp);
-        }
-        hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set());
-      }
-      dirtyInstances.add(instance);
-      instance.appContext.propsCache.delete(instance.type);
-      instance.appContext.emitsCache.delete(instance.type);
-      instance.appContext.optionsCache.delete(instance.type);
-      if (instance.ceReload) {
-        dirtyInstances.add(instance);
-        instance.ceReload(newComp.styles);
-        dirtyInstances.delete(instance);
-      } else if (instance.parent) {
-        queueJob(() => {
-          if (!(instance.job.flags & 8)) {
-            isHmrUpdating = true;
-            instance.parent.update();
-            isHmrUpdating = false;
-            dirtyInstances.delete(instance);
-          }
-        });
-      } else if (instance.appContext.reload) {
-        instance.appContext.reload();
-      } else if (typeof window !== "undefined") {
-        window.location.reload();
-      } else {
-        console.warn(
-          "[HMR] Root or manually mounted instance modified. Full reload required."
-        );
-      }
-      if (instance.root.ce && instance !== instance.root) {
-        instance.root.ce._removeChildStyle(oldComp);
-      }
-    }
-    queuePostFlushCb(() => {
-      hmrDirtyComponents.clear();
-    });
-  }
-  function updateComponentDef(oldComp, newComp) {
-    extend(oldComp, newComp);
-    for (const key in oldComp) {
-      if (key !== "__file" && !(key in newComp)) {
-        delete oldComp[key];
-      }
-    }
-  }
-  function tryWrap(fn) {
-    return (id, arg) => {
-      try {
-        return fn(id, arg);
-      } catch (e) {
-        console.error(e);
-        console.warn(
-          `[HMR] Something went wrong during Vue component hot-reload. Full reload required.`
-        );
-      }
-    };
-  }
-
-  let devtools$1;
-  let buffer = [];
-  let devtoolsNotInstalled = false;
-  function emit$1(event, ...args) {
-    if (devtools$1) {
-      devtools$1.emit(event, ...args);
-    } else if (!devtoolsNotInstalled) {
-      buffer.push({ event, args });
-    }
-  }
-  function setDevtoolsHook$1(hook, target) {
-    var _a, _b;
-    devtools$1 = hook;
-    if (devtools$1) {
-      devtools$1.enabled = true;
-      buffer.forEach(({ event, args }) => devtools$1.emit(event, ...args));
-      buffer = [];
-    } else if (
-      // handle late devtools injection - only do this if we are in an actual
-      // browser environment to avoid the timer handle stalling test runner exit
-      // (#4815)
-      typeof window !== "undefined" && // some envs mock window but not fully
-      window.HTMLElement && // also exclude jsdom
-      // eslint-disable-next-line no-restricted-syntax
-      !((_b = (_a = window.navigator) == null ? void 0 : _a.userAgent) == null ? void 0 : _b.includes("jsdom"))
-    ) {
-      const replay = target.__VUE_DEVTOOLS_HOOK_REPLAY__ = target.__VUE_DEVTOOLS_HOOK_REPLAY__ || [];
-      replay.push((newHook) => {
-        setDevtoolsHook$1(newHook, target);
-      });
-      setTimeout(() => {
-        if (!devtools$1) {
-          target.__VUE_DEVTOOLS_HOOK_REPLAY__ = null;
-          devtoolsNotInstalled = true;
-          buffer = [];
-        }
-      }, 3e3);
-    } else {
-      devtoolsNotInstalled = true;
-      buffer = [];
-    }
-  }
-  function devtoolsInitApp(app, version) {
-    emit$1("app:init" /* APP_INIT */, app, version, {
-      Fragment,
-      Text,
-      Comment,
-      Static
-    });
-  }
-  function devtoolsUnmountApp(app) {
-    emit$1("app:unmount" /* APP_UNMOUNT */, app);
-  }
-  const devtoolsComponentAdded = /* @__PURE__ */ createDevtoolsComponentHook("component:added" /* COMPONENT_ADDED */);
-  const devtoolsComponentUpdated = /* @__PURE__ */ createDevtoolsComponentHook("component:updated" /* COMPONENT_UPDATED */);
-  const _devtoolsComponentRemoved = /* @__PURE__ */ createDevtoolsComponentHook(
-    "component:removed" /* COMPONENT_REMOVED */
-  );
-  const devtoolsComponentRemoved = (component) => {
-    if (devtools$1 && typeof devtools$1.cleanupBuffer === "function" && // remove the component if it wasn't buffered
-    !devtools$1.cleanupBuffer(component)) {
-      _devtoolsComponentRemoved(component);
-    }
-  };
-  // @__NO_SIDE_EFFECTS__
-  function createDevtoolsComponentHook(hook) {
-    return (component) => {
-      emit$1(
-        hook,
-        component.appContext.app,
-        component.uid,
-        component.parent ? component.parent.uid : void 0,
-        component
-      );
-    };
-  }
-  const devtoolsPerfStart = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:start" /* PERFORMANCE_START */);
-  const devtoolsPerfEnd = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:end" /* PERFORMANCE_END */);
-  function createDevtoolsPerformanceHook(hook) {
-    return (component, type, time) => {
-      emit$1(hook, component.appContext.app, component.uid, component, type, time);
-    };
-  }
-  function devtoolsComponentEmit(component, event, params) {
-    emit$1(
-      "component:emit" /* COMPONENT_EMIT */,
-      component.appContext.app,
-      component,
-      event,
-      params
-    );
-  }
-
-  let currentRenderingInstance = null;
-  let currentScopeId = null;
-  function setCurrentRenderingInstance(instance) {
-    const prev = currentRenderingInstance;
-    currentRenderingInstance = instance;
-    currentScopeId = instance && instance.type.__scopeId || null;
-    return prev;
-  }
-  function pushScopeId(id) {
-    currentScopeId = id;
-  }
-  function popScopeId() {
-    currentScopeId = null;
-  }
-  const withScopeId = (_id) => withCtx;
-  function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
-    if (!ctx) return fn;
-    if (fn._n) {
-      return fn;
-    }
-    const renderFnWithContext = (...args) => {
-      if (renderFnWithContext._d) {
-        setBlockTracking(-1);
-      }
-      const prevInstance = setCurrentRenderingInstance(ctx);
-      let res;
-      try {
-        res = fn(...args);
-      } finally {
-        setCurrentRenderingInstance(prevInstance);
-        if (renderFnWithContext._d) {
-          setBlockTracking(1);
-        }
-      }
-      {
-        devtoolsComponentUpdated(ctx);
-      }
-      return res;
-    };
-    renderFnWithContext._n = true;
-    renderFnWithContext._c = true;
-    renderFnWithContext._d = true;
-    return renderFnWithContext;
-  }
-
-  function validateDirectiveName(name) {
-    if (isBuiltInDirective(name)) {
-      warn$1("Do not use built-in directive ids as custom directive id: " + name);
-    }
-  }
-  function withDirectives(vnode, directives) {
-    if (currentRenderingInstance === null) {
-      warn$1(`withDirectives can only be used inside render functions.`);
-      return vnode;
-    }
-    const instance = getComponentPublicInstance(currentRenderingInstance);
-    const bindings = vnode.dirs || (vnode.dirs = []);
-    for (let i = 0; i < directives.length; i++) {
-      let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
-      if (dir) {
-        if (isFunction(dir)) {
-          dir = {
-            mounted: dir,
-            updated: dir
-          };
-        }
-        if (dir.deep) {
-          traverse(value);
-        }
-        bindings.push({
-          dir,
-          instance,
-          value,
-          oldValue: void 0,
-          arg,
-          modifiers
-        });
-      }
-    }
-    return vnode;
-  }
-  function invokeDirectiveHook(vnode, prevVNode, instance, name) {
-    const bindings = vnode.dirs;
-    const oldBindings = prevVNode && prevVNode.dirs;
-    for (let i = 0; i < bindings.length; i++) {
-      const binding = bindings[i];
-      if (oldBindings) {
-        binding.oldValue = oldBindings[i].value;
-      }
-      let hook = binding.dir[name];
-      if (hook) {
-        pauseTracking();
-        callWithAsyncErrorHandling(hook, instance, 8, [
-          vnode.el,
-          binding,
-          vnode,
-          prevVNode
-        ]);
-        resetTracking();
-      }
-    }
-  }
-
-  function provide(key, value) {
-    {
-      if (!currentInstance || currentInstance.isMounted) {
-        warn$1(`provide() can only be used inside setup().`);
-      }
-    }
-    if (currentInstance) {
-      let provides = currentInstance.provides;
-      const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-      if (parentProvides === provides) {
-        provides = currentInstance.provides = Object.create(parentProvides);
-      }
-      provides[key] = value;
-    }
-  }
-  function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    const instance = getCurrentInstance();
-    if (instance || currentApp) {
-      let provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null || instance.ce ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : void 0;
-      if (provides && key in provides) {
-        return provides[key];
-      } else if (arguments.length > 1) {
-        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
-      } else {
-        warn$1(`injection "${String(key)}" not found.`);
-      }
-    } else {
-      warn$1(`inject() can only be used inside setup() or functional components.`);
-    }
-  }
-  function hasInjectionContext() {
-    return !!(getCurrentInstance() || currentApp);
-  }
-
-  const ssrContextKey = /* @__PURE__ */ Symbol.for("v-scx");
-  const useSSRContext = () => {
-    {
-      warn$1(`useSSRContext() is not supported in the global build.`);
-    }
-  };
-
-  function watchEffect(effect, options) {
-    return doWatch(effect, null, options);
-  }
-  function watchPostEffect(effect, options) {
-    return doWatch(
-      effect,
-      null,
-      extend({}, options, { flush: "post" }) 
-    );
-  }
-  function watchSyncEffect(effect, options) {
-    return doWatch(
-      effect,
-      null,
-      extend({}, options, { flush: "sync" }) 
-    );
-  }
-  function watch(source, cb, options) {
-    if (!isFunction(cb)) {
-      warn$1(
-        `\`watch(fn, options?)\` signature has been moved to a separate API. Use \`watchEffect(fn, options?)\` instead. \`watch\` now only supports \`watch(source, cb, options?) signature.`
-      );
-    }
-    return doWatch(source, cb, options);
-  }
-  function doWatch(source, cb, options = EMPTY_OBJ) {
-    const { immediate, deep, flush, once } = options;
-    if (!cb) {
-      if (immediate !== void 0) {
-        warn$1(
-          `watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.`
-        );
-      }
-      if (deep !== void 0) {
-        warn$1(
-          `watch() "deep" option is only respected when using the watch(source, callback, options?) signature.`
-        );
-      }
-      if (once !== void 0) {
-        warn$1(
-          `watch() "once" option is only respected when using the watch(source, callback, options?) signature.`
-        );
-      }
-    }
-    const baseWatchOptions = extend({}, options);
-    baseWatchOptions.onWarn = warn$1;
-    const instance = currentInstance;
-    baseWatchOptions.call = (fn, type, args) => callWithAsyncErrorHandling(fn, instance, type, args);
-    let isPre = false;
-    if (flush === "post") {
-      baseWatchOptions.scheduler = (job) => {
-        queuePostRenderEffect(job, instance && instance.suspense);
-      };
-    } else if (flush !== "sync") {
-      isPre = true;
-      baseWatchOptions.scheduler = (job, isFirstRun) => {
-        if (isFirstRun) {
-          job();
-        } else {
-          queueJob(job);
-        }
-      };
-    }
-    baseWatchOptions.augmentJob = (job) => {
-      if (cb) {
-        job.flags |= 4;
-      }
-      if (isPre) {
-        job.flags |= 2;
-        if (instance) {
-          job.id = instance.uid;
-          job.i = instance;
-        }
-      }
-    };
-    const watchHandle = watch$1(source, cb, baseWatchOptions);
-    return watchHandle;
-  }
-  function instanceWatch(source, value, options) {
-    const publicThis = this.proxy;
-    const getter = isString(source) ? source.includes(".") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
-    let cb;
-    if (isFunction(value)) {
-      cb = value;
-    } else {
-      cb = value.handler;
-      options = value;
-    }
-    const reset = setCurrentInstance(this);
-    const res = doWatch(getter, cb.bind(publicThis), options);
-    reset();
-    return res;
-  }
-  function createPathGetter(ctx, path) {
-    const segments = path.split(".");
-    return () => {
-      let cur = ctx;
-      for (let i = 0; i < segments.length && cur; i++) {
-        cur = cur[segments[i]];
-      }
-      return cur;
-    };
-  }
-
-  const TeleportEndKey = /* @__PURE__ */ Symbol("_vte");
-  const isTeleport = (type) => type.__isTeleport;
-  const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === "");
-  const isTeleportDeferred = (props) => props && (props.defer || props.defer === "");
-  const isTargetSVG = (target) => typeof SVGElement !== "undefined" && target instanceof SVGElement;
-  const isTargetMathML = (target) => typeof MathMLElement === "function" && target instanceof MathMLElement;
-  const resolveTarget = (props, select) => {
-    const targetSelector = props && props.to;
-    if (isString(targetSelector)) {
-      if (!select) {
-        warn$1(
-          `Current renderer does not support string target for Teleports. (missing querySelector renderer option)`
-        );
-        return null;
-      } else {
-        const target = select(targetSelector);
-        if (!target && !isTeleportDisabled(props)) {
-          warn$1(
-            `Failed to locate Teleport target with selector "${targetSelector}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.`
-          );
-        }
-        return target;
-      }
-    } else {
-      if (!targetSelector && !isTeleportDisabled(props)) {
-        warn$1(`Invalid Teleport target: ${targetSelector}`);
-      }
-      return targetSelector;
-    }
-  };
-  const TeleportImpl = {
-    name: "Teleport",
-    __isTeleport: true,
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) {
-      const {
-        mc: mountChildren,
-        pc: patchChildren,
-        pbc: patchBlockChildren,
-        o: { insert, querySelector, createText, createComment }
-      } = internals;
-      const disabled = isTeleportDisabled(n2.props);
-      let { shapeFlag, children, dynamicChildren } = n2;
-      if (isHmrUpdating) {
-        optimized = false;
-        dynamicChildren = null;
-      }
-      if (n1 == null) {
-        const placeholder = n2.el = createComment("teleport start") ;
-        const mainAnchor = n2.anchor = createComment("teleport end") ;
-        insert(placeholder, container, anchor);
-        insert(mainAnchor, container, anchor);
-        const mount = (container2, anchor2) => {
-          if (shapeFlag & 16) {
-            mountChildren(
-              children,
-              container2,
-              anchor2,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-          }
-        };
-        const mountToTarget = () => {
-          const target = n2.target = resolveTarget(n2.props, querySelector);
-          const targetAnchor = prepareAnchor(target, n2, createText, insert);
-          if (target) {
-            if (namespace !== "svg" && isTargetSVG(target)) {
-              namespace = "svg";
-            } else if (namespace !== "mathml" && isTargetMathML(target)) {
-              namespace = "mathml";
-            }
-            if (parentComponent && parentComponent.isCE) {
-              (parentComponent.ce._teleportTargets || (parentComponent.ce._teleportTargets = /* @__PURE__ */ new Set())).add(target);
-            }
-            if (!disabled) {
-              mount(target, targetAnchor);
-              updateCssVars(n2, false);
-            }
-          } else if (!disabled) {
-            warn$1(
-              "Invalid Teleport target on mount:",
-              target,
-              `(${typeof target})`
-            );
-          }
-        };
-        if (disabled) {
-          mount(container, mainAnchor);
-          updateCssVars(n2, true);
-        }
-        if (isTeleportDeferred(n2.props)) {
-          n2.el.__isMounted = false;
-          queuePostRenderEffect(() => {
-            mountToTarget();
-            delete n2.el.__isMounted;
-          }, parentSuspense);
-        } else {
-          mountToTarget();
-        }
-      } else {
-        if (isTeleportDeferred(n2.props) && n1.el.__isMounted === false) {
-          queuePostRenderEffect(() => {
-            TeleportImpl.process(
-              n1,
-              n2,
-              container,
-              anchor,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized,
-              internals
-            );
-          }, parentSuspense);
-          return;
-        }
-        n2.el = n1.el;
-        n2.targetStart = n1.targetStart;
-        const mainAnchor = n2.anchor = n1.anchor;
-        const target = n2.target = n1.target;
-        const targetAnchor = n2.targetAnchor = n1.targetAnchor;
-        const wasDisabled = isTeleportDisabled(n1.props);
-        const currentContainer = wasDisabled ? container : target;
-        const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
-        if (namespace === "svg" || isTargetSVG(target)) {
-          namespace = "svg";
-        } else if (namespace === "mathml" || isTargetMathML(target)) {
-          namespace = "mathml";
-        }
-        if (dynamicChildren) {
-          patchBlockChildren(
-            n1.dynamicChildren,
-            dynamicChildren,
-            currentContainer,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds
-          );
-          traverseStaticChildren(n1, n2, false);
-        } else if (!optimized) {
-          patchChildren(
-            n1,
-            n2,
-            currentContainer,
-            currentAnchor,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds,
-            false
-          );
-        }
-        if (disabled) {
-          if (!wasDisabled) {
-            moveTeleport(
-              n2,
-              container,
-              mainAnchor,
-              internals,
-              1
-            );
-          } else {
-            if (n2.props && n1.props && n2.props.to !== n1.props.to) {
-              n2.props.to = n1.props.to;
-            }
-          }
-        } else {
-          if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-            const nextTarget = n2.target = resolveTarget(
-              n2.props,
-              querySelector
-            );
-            if (nextTarget) {
-              moveTeleport(
-                n2,
-                nextTarget,
-                null,
-                internals,
-                0
-              );
-            } else {
-              warn$1(
-                "Invalid Teleport target on update:",
-                target,
-                `(${typeof target})`
-              );
-            }
-          } else if (wasDisabled) {
-            moveTeleport(
-              n2,
-              target,
-              targetAnchor,
-              internals,
-              1
-            );
-          }
-        }
-        updateCssVars(n2, disabled);
-      }
-    },
-    remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-      const {
-        shapeFlag,
-        children,
-        anchor,
-        targetStart,
-        targetAnchor,
-        target,
-        props
-      } = vnode;
-      if (target) {
-        hostRemove(targetStart);
-        hostRemove(targetAnchor);
-      }
-      doRemove && hostRemove(anchor);
-      if (shapeFlag & 16) {
-        const shouldRemove = doRemove || !isTeleportDisabled(props);
-        for (let i = 0; i < children.length; i++) {
-          const child = children[i];
-          unmount(
-            child,
-            parentComponent,
-            parentSuspense,
-            shouldRemove,
-            !!child.dynamicChildren
-          );
-        }
-      }
-    },
-    move: moveTeleport,
-    hydrate: hydrateTeleport
-  };
-  function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }, moveType = 2) {
-    if (moveType === 0) {
-      insert(vnode.targetAnchor, container, parentAnchor);
-    }
-    const { el, anchor, shapeFlag, children, props } = vnode;
-    const isReorder = moveType === 2;
-    if (isReorder) {
-      insert(el, container, parentAnchor);
-    }
-    if (!isReorder || isTeleportDisabled(props)) {
-      if (shapeFlag & 16) {
-        for (let i = 0; i < children.length; i++) {
-          move(
-            children[i],
-            container,
-            parentAnchor,
-            2
-          );
-        }
-      }
-    }
-    if (isReorder) {
-      insert(anchor, container, parentAnchor);
-    }
-  }
-  function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, {
-    o: { nextSibling, parentNode, querySelector, insert, createText }
-  }, hydrateChildren) {
-    function hydrateAnchor(target2, targetNode) {
-      let targetAnchor = targetNode;
-      while (targetAnchor) {
-        if (targetAnchor && targetAnchor.nodeType === 8) {
-          if (targetAnchor.data === "teleport start anchor") {
-            vnode.targetStart = targetAnchor;
-          } else if (targetAnchor.data === "teleport anchor") {
-            vnode.targetAnchor = targetAnchor;
-            target2._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
-            break;
-          }
-        }
-        targetAnchor = nextSibling(targetAnchor);
-      }
-    }
-    function hydrateDisabledTeleport(node2, vnode2) {
-      vnode2.anchor = hydrateChildren(
-        nextSibling(node2),
-        vnode2,
-        parentNode(node2),
-        parentComponent,
-        parentSuspense,
-        slotScopeIds,
-        optimized
-      );
-    }
-    const target = vnode.target = resolveTarget(
-      vnode.props,
-      querySelector
-    );
-    const disabled = isTeleportDisabled(vnode.props);
-    if (target) {
-      const targetNode = target._lpa || target.firstChild;
-      if (vnode.shapeFlag & 16) {
-        if (disabled) {
-          hydrateDisabledTeleport(node, vnode);
-          hydrateAnchor(target, targetNode);
-          if (!vnode.targetAnchor) {
-            prepareAnchor(
-              target,
-              vnode,
-              createText,
-              insert,
-              // if target is the same as the main view, insert anchors before current node
-              // to avoid hydrating mismatch
-              parentNode(node) === target ? node : null
-            );
-          }
-        } else {
-          vnode.anchor = nextSibling(node);
-          hydrateAnchor(target, targetNode);
-          if (!vnode.targetAnchor) {
-            prepareAnchor(target, vnode, createText, insert);
-          }
-          hydrateChildren(
-            targetNode && nextSibling(targetNode),
-            vnode,
-            target,
-            parentComponent,
-            parentSuspense,
-            slotScopeIds,
-            optimized
-          );
-        }
-      }
-      updateCssVars(vnode, disabled);
-    } else if (disabled) {
-      if (vnode.shapeFlag & 16) {
-        hydrateDisabledTeleport(node, vnode);
-        vnode.targetStart = node;
-        vnode.targetAnchor = nextSibling(node);
-      }
-    }
-    return vnode.anchor && nextSibling(vnode.anchor);
-  }
-  const Teleport = TeleportImpl;
-  function updateCssVars(vnode, isDisabled) {
-    const ctx = vnode.ctx;
-    if (ctx && ctx.ut) {
-      let node, anchor;
-      if (isDisabled) {
-        node = vnode.el;
-        anchor = vnode.anchor;
-      } else {
-        node = vnode.targetStart;
-        anchor = vnode.targetAnchor;
-      }
-      while (node && node !== anchor) {
-        if (node.nodeType === 1) node.setAttribute("data-v-owner", ctx.uid);
-        node = node.nextSibling;
-      }
-      ctx.ut();
-    }
-  }
-  function prepareAnchor(target, vnode, createText, insert, anchor = null) {
-    const targetStart = vnode.targetStart = createText("");
-    const targetAnchor = vnode.targetAnchor = createText("");
-    targetStart[TeleportEndKey] = targetAnchor;
-    if (target) {
-      insert(targetStart, target, anchor);
-      insert(targetAnchor, target, anchor);
-    }
-    return targetAnchor;
-  }
-
-  const leaveCbKey = /* @__PURE__ */ Symbol("_leaveCb");
-  const enterCbKey$1 = /* @__PURE__ */ Symbol("_enterCb");
-  function useTransitionState() {
-    const state = {
-      isMounted: false,
-      isLeaving: false,
-      isUnmounting: false,
-      leavingVNodes: /* @__PURE__ */ new Map()
-    };
-    onMounted(() => {
-      state.isMounted = true;
-    });
-    onBeforeUnmount(() => {
-      state.isUnmounting = true;
-    });
-    return state;
-  }
-  const TransitionHookValidator = [Function, Array];
-  const BaseTransitionPropsValidators = {
-    mode: String,
-    appear: Boolean,
-    persisted: Boolean,
-    // enter
-    onBeforeEnter: TransitionHookValidator,
-    onEnter: TransitionHookValidator,
-    onAfterEnter: TransitionHookValidator,
-    onEnterCancelled: TransitionHookValidator,
-    // leave
-    onBeforeLeave: TransitionHookValidator,
-    onLeave: TransitionHookValidator,
-    onAfterLeave: TransitionHookValidator,
-    onLeaveCancelled: TransitionHookValidator,
-    // appear
-    onBeforeAppear: TransitionHookValidator,
-    onAppear: TransitionHookValidator,
-    onAfterAppear: TransitionHookValidator,
-    onAppearCancelled: TransitionHookValidator
-  };
-  const recursiveGetSubtree = (instance) => {
-    const subTree = instance.subTree;
-    return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
-  };
-  const BaseTransitionImpl = {
-    name: `BaseTransition`,
-    props: BaseTransitionPropsValidators,
-    setup(props, { slots }) {
-      const instance = getCurrentInstance();
-      const state = useTransitionState();
-      return () => {
-        const children = slots.default && getTransitionRawChildren(slots.default(), true);
-        if (!children || !children.length) {
-          return;
-        }
-        const child = findNonCommentChild(children);
-        const rawProps = toRaw(props);
-        const { mode } = rawProps;
-        if (mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") {
-          warn$1(`invalid <transition> mode: ${mode}`);
-        }
-        if (state.isLeaving) {
-          return emptyPlaceholder(child);
-        }
-        const innerChild = getInnerChild$1(child);
-        if (!innerChild) {
-          return emptyPlaceholder(child);
-        }
-        let enterHooks = resolveTransitionHooks(
-          innerChild,
-          rawProps,
-          state,
-          instance,
-          // #11061, ensure enterHooks is fresh after clone
-          (hooks) => enterHooks = hooks
-        );
-        if (innerChild.type !== Comment) {
-          setTransitionHooks(innerChild, enterHooks);
-        }
-        let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree);
-        if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(oldInnerChild, innerChild) && recursiveGetSubtree(instance).type !== Comment) {
-          let leavingHooks = resolveTransitionHooks(
-            oldInnerChild,
-            rawProps,
-            state,
-            instance
-          );
-          setTransitionHooks(oldInnerChild, leavingHooks);
-          if (mode === "out-in" && innerChild.type !== Comment) {
-            state.isLeaving = true;
-            leavingHooks.afterLeave = () => {
-              state.isLeaving = false;
-              if (!(instance.job.flags & 8)) {
-                instance.update();
-              }
-              delete leavingHooks.afterLeave;
-              oldInnerChild = void 0;
-            };
-            return emptyPlaceholder(child);
-          } else if (mode === "in-out" && innerChild.type !== Comment) {
-            leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
-              const leavingVNodesCache = getLeavingNodesForType(
-                state,
-                oldInnerChild
-              );
-              leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
-              el[leaveCbKey] = () => {
-                earlyRemove();
-                el[leaveCbKey] = void 0;
-                delete enterHooks.delayedLeave;
-                oldInnerChild = void 0;
-              };
-              enterHooks.delayedLeave = () => {
-                delayedLeave();
-                delete enterHooks.delayedLeave;
-                oldInnerChild = void 0;
-              };
-            };
-          } else {
-            oldInnerChild = void 0;
-          }
-        } else if (oldInnerChild) {
-          oldInnerChild = void 0;
-        }
-        return child;
-      };
-    }
-  };
-  function findNonCommentChild(children) {
-    let child = children[0];
-    if (children.length > 1) {
-      let hasFound = false;
-      for (const c of children) {
-        if (c.type !== Comment) {
-          if (hasFound) {
-            warn$1(
-              "<transition> can only be used on a single element or component. Use <transition-group> for lists."
-            );
-            break;
-          }
-          child = c;
-          hasFound = true;
-        }
-      }
-    }
-    return child;
-  }
-  const BaseTransition = BaseTransitionImpl;
-  function getLeavingNodesForType(state, vnode) {
-    const { leavingVNodes } = state;
-    let leavingVNodesCache = leavingVNodes.get(vnode.type);
-    if (!leavingVNodesCache) {
-      leavingVNodesCache = /* @__PURE__ */ Object.create(null);
-      leavingVNodes.set(vnode.type, leavingVNodesCache);
-    }
-    return leavingVNodesCache;
-  }
-  function resolveTransitionHooks(vnode, props, state, instance, postClone) {
-    const {
-      appear,
-      mode,
-      persisted = false,
-      onBeforeEnter,
-      onEnter,
-      onAfterEnter,
-      onEnterCancelled,
-      onBeforeLeave,
-      onLeave,
-      onAfterLeave,
-      onLeaveCancelled,
-      onBeforeAppear,
-      onAppear,
-      onAfterAppear,
-      onAppearCancelled
-    } = props;
-    const key = String(vnode.key);
-    const leavingVNodesCache = getLeavingNodesForType(state, vnode);
-    const callHook = (hook, args) => {
-      hook && callWithAsyncErrorHandling(
-        hook,
-        instance,
-        9,
-        args
-      );
-    };
-    const callAsyncHook = (hook, args) => {
-      const done = args[1];
-      callHook(hook, args);
-      if (isArray(hook)) {
-        if (hook.every((hook2) => hook2.length <= 1)) done();
-      } else if (hook.length <= 1) {
-        done();
-      }
-    };
-    const hooks = {
-      mode,
-      persisted,
-      beforeEnter(el) {
-        let hook = onBeforeEnter;
-        if (!state.isMounted) {
-          if (appear) {
-            hook = onBeforeAppear || onBeforeEnter;
-          } else {
-            return;
-          }
-        }
-        if (el[leaveCbKey]) {
-          el[leaveCbKey](
-            true
-            /* cancelled */
-          );
-        }
-        const leavingVNode = leavingVNodesCache[key];
-        if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el[leaveCbKey]) {
-          leavingVNode.el[leaveCbKey]();
-        }
-        callHook(hook, [el]);
-      },
-      enter(el) {
-        let hook = onEnter;
-        let afterHook = onAfterEnter;
-        let cancelHook = onEnterCancelled;
-        if (!state.isMounted) {
-          if (appear) {
-            hook = onAppear || onEnter;
-            afterHook = onAfterAppear || onAfterEnter;
-            cancelHook = onAppearCancelled || onEnterCancelled;
-          } else {
-            return;
-          }
-        }
-        let called = false;
-        el[enterCbKey$1] = (cancelled) => {
-          if (called) return;
-          called = true;
-          if (cancelled) {
-            callHook(cancelHook, [el]);
-          } else {
-            callHook(afterHook, [el]);
-          }
-          if (hooks.delayedLeave) {
-            hooks.delayedLeave();
-          }
-          el[enterCbKey$1] = void 0;
-        };
-        const done = el[enterCbKey$1].bind(null, false);
-        if (hook) {
-          callAsyncHook(hook, [el, done]);
-        } else {
-          done();
-        }
-      },
-      leave(el, remove) {
-        const key2 = String(vnode.key);
-        if (el[enterCbKey$1]) {
-          el[enterCbKey$1](
-            true
-            /* cancelled */
-          );
-        }
-        if (state.isUnmounting) {
-          return remove();
-        }
-        callHook(onBeforeLeave, [el]);
-        let called = false;
-        el[leaveCbKey] = (cancelled) => {
-          if (called) return;
-          called = true;
-          remove();
-          if (cancelled) {
-            callHook(onLeaveCancelled, [el]);
-          } else {
-            callHook(onAfterLeave, [el]);
-          }
-          el[leaveCbKey] = void 0;
-          if (leavingVNodesCache[key2] === vnode) {
-            delete leavingVNodesCache[key2];
-          }
-        };
-        const done = el[leaveCbKey].bind(null, false);
-        leavingVNodesCache[key2] = vnode;
-        if (onLeave) {
-          callAsyncHook(onLeave, [el, done]);
-        } else {
-          done();
-        }
-      },
-      clone(vnode2) {
-        const hooks2 = resolveTransitionHooks(
-          vnode2,
-          props,
-          state,
-          instance,
-          postClone
-        );
-        if (postClone) postClone(hooks2);
-        return hooks2;
-      }
-    };
-    return hooks;
-  }
-  function emptyPlaceholder(vnode) {
-    if (isKeepAlive(vnode)) {
-      vnode = cloneVNode(vnode);
-      vnode.children = null;
-      return vnode;
-    }
-  }
-  function getInnerChild$1(vnode) {
-    if (!isKeepAlive(vnode)) {
-      if (isTeleport(vnode.type) && vnode.children) {
-        return findNonCommentChild(vnode.children);
-      }
-      return vnode;
-    }
-    if (vnode.component) {
-      return vnode.component.subTree;
-    }
-    const { shapeFlag, children } = vnode;
-    if (children) {
-      if (shapeFlag & 16) {
-        return children[0];
-      }
-      if (shapeFlag & 32 && isFunction(children.default)) {
-        return children.default();
-      }
-    }
-  }
-  function setTransitionHooks(vnode, hooks) {
-    if (vnode.shapeFlag & 6 && vnode.component) {
-      vnode.transition = hooks;
-      setTransitionHooks(vnode.component.subTree, hooks);
-    } else if (vnode.shapeFlag & 128) {
-      vnode.ssContent.transition = hooks.clone(vnode.ssContent);
-      vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
-    } else {
-      vnode.transition = hooks;
-    }
-  }
-  function getTransitionRawChildren(children, keepComment = false, parentKey) {
-    let ret = [];
-    let keyedFragmentCount = 0;
-    for (let i = 0; i < children.length; i++) {
-      let child = children[i];
-      const key = parentKey == null ? child.key : String(parentKey) + String(child.key != null ? child.key : i);
-      if (child.type === Fragment) {
-        if (child.patchFlag & 128) keyedFragmentCount++;
-        ret = ret.concat(
-          getTransitionRawChildren(child.children, keepComment, key)
-        );
-      } else if (keepComment || child.type !== Comment) {
-        ret.push(key != null ? cloneVNode(child, { key }) : child);
-      }
-    }
-    if (keyedFragmentCount > 1) {
-      for (let i = 0; i < ret.length; i++) {
-        ret[i].patchFlag = -2;
-      }
-    }
-    return ret;
-  }
-
-  // @__NO_SIDE_EFFECTS__
-  function defineComponent(options, extraOptions) {
-    return isFunction(options) ? (
-      // #8236: extend call and options.name access are considered side-effects
-      // by Rollup, so we have to wrap it in a pure-annotated IIFE.
-      /* @__PURE__ */ (() => extend({ name: options.name }, extraOptions, { setup: options }))()
-    ) : options;
-  }
-
-  function useId() {
-    const i = getCurrentInstance();
-    if (i) {
-      return (i.appContext.config.idPrefix || "v") + "-" + i.ids[0] + i.ids[1]++;
-    } else {
-      warn$1(
-        `useId() is called when there is no active component instance to be associated with.`
-      );
-    }
-    return "";
-  }
-  function markAsyncBoundary(instance) {
-    instance.ids = [instance.ids[0] + instance.ids[2]++ + "-", 0, 0];
-  }
-
-  const knownTemplateRefs = /* @__PURE__ */ new WeakSet();
-  function useTemplateRef(key) {
-    const i = getCurrentInstance();
-    const r = shallowRef(null);
-    if (i) {
-      const refs = i.refs === EMPTY_OBJ ? i.refs = {} : i.refs;
-      if (isTemplateRefKey(refs, key)) {
-        warn$1(`useTemplateRef('${key}') already exists.`);
-      } else {
-        Object.defineProperty(refs, key, {
-          enumerable: true,
-          get: () => r.value,
-          set: (val) => r.value = val
-        });
-      }
-    } else {
-      warn$1(
-        `useTemplateRef() is called when there is no active component instance to be associated with.`
-      );
-    }
-    const ret = readonly(r) ;
-    {
-      knownTemplateRefs.add(ret);
-    }
-    return ret;
-  }
-  function isTemplateRefKey(refs, key) {
-    let desc;
-    return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
-  }
-
-  const pendingSetRefMap = /* @__PURE__ */ new WeakMap();
-  function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
-    if (isArray(rawRef)) {
-      rawRef.forEach(
-        (r, i) => setRef(
-          r,
-          oldRawRef && (isArray(oldRawRef) ? oldRawRef[i] : oldRawRef),
-          parentSuspense,
-          vnode,
-          isUnmount
-        )
-      );
-      return;
-    }
-    if (isAsyncWrapper(vnode) && !isUnmount) {
-      if (vnode.shapeFlag & 512 && vnode.type.__asyncResolved && vnode.component.subTree.component) {
-        setRef(rawRef, oldRawRef, parentSuspense, vnode.component.subTree);
-      }
-      return;
-    }
-    const refValue = vnode.shapeFlag & 4 ? getComponentPublicInstance(vnode.component) : vnode.el;
-    const value = isUnmount ? null : refValue;
-    const { i: owner, r: ref } = rawRef;
-    if (!owner) {
-      warn$1(
-        `Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function.`
-      );
-      return;
-    }
-    const oldRef = oldRawRef && oldRawRef.r;
-    const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
-    const setupState = owner.setupState;
-    const rawSetupState = toRaw(setupState);
-    const canSetSetupRef = setupState === EMPTY_OBJ ? NO : (key) => {
-      {
-        if (hasOwn(rawSetupState, key) && !isRef(rawSetupState[key])) {
-          warn$1(
-            `Template ref "${key}" used on a non-ref value. It will not work in the production build.`
-          );
-        }
-        if (knownTemplateRefs.has(rawSetupState[key])) {
-          return false;
-        }
-      }
-      if (isTemplateRefKey(refs, key)) {
-        return false;
-      }
-      return hasOwn(rawSetupState, key);
-    };
-    const canSetRef = (ref2, key) => {
-      if (knownTemplateRefs.has(ref2)) {
-        return false;
-      }
-      if (key && isTemplateRefKey(refs, key)) {
-        return false;
-      }
-      return true;
-    };
-    if (oldRef != null && oldRef !== ref) {
-      invalidatePendingSetRef(oldRawRef);
-      if (isString(oldRef)) {
-        refs[oldRef] = null;
-        if (canSetSetupRef(oldRef)) {
-          setupState[oldRef] = null;
-        }
-      } else if (isRef(oldRef)) {
-        const oldRawRefAtom = oldRawRef;
-        if (canSetRef(oldRef, oldRawRefAtom.k)) {
-          oldRef.value = null;
-        }
-        if (oldRawRefAtom.k) refs[oldRawRefAtom.k] = null;
-      }
-    }
-    if (isFunction(ref)) {
-      callWithErrorHandling(ref, owner, 12, [value, refs]);
-    } else {
-      const _isString = isString(ref);
-      const _isRef = isRef(ref);
-      if (_isString || _isRef) {
-        const doSet = () => {
-          if (rawRef.f) {
-            const existing = _isString ? canSetSetupRef(ref) ? setupState[ref] : refs[ref] : canSetRef(ref) || !rawRef.k ? ref.value : refs[rawRef.k];
-            if (isUnmount) {
-              isArray(existing) && remove(existing, refValue);
-            } else {
-              if (!isArray(existing)) {
-                if (_isString) {
-                  refs[ref] = [refValue];
-                  if (canSetSetupRef(ref)) {
-                    setupState[ref] = refs[ref];
-                  }
-                } else {
-                  const newVal = [refValue];
-                  if (canSetRef(ref, rawRef.k)) {
-                    ref.value = newVal;
-                  }
-                  if (rawRef.k) refs[rawRef.k] = newVal;
-                }
-              } else if (!existing.includes(refValue)) {
-                existing.push(refValue);
-              }
-            }
-          } else if (_isString) {
-            refs[ref] = value;
-            if (canSetSetupRef(ref)) {
-              setupState[ref] = value;
-            }
-          } else if (_isRef) {
-            if (canSetRef(ref, rawRef.k)) {
-              ref.value = value;
-            }
-            if (rawRef.k) refs[rawRef.k] = value;
-          } else {
-            warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
-          }
-        };
-        if (value) {
-          const job = () => {
-            doSet();
-            pendingSetRefMap.delete(rawRef);
-          };
-          job.id = -1;
-          pendingSetRefMap.set(rawRef, job);
-          queuePostRenderEffect(job, parentSuspense);
-        } else {
-          invalidatePendingSetRef(rawRef);
-          doSet();
-        }
-      } else {
-        warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
-      }
-    }
-  }
-  function invalidatePendingSetRef(rawRef) {
-    const pendingSetRef = pendingSetRefMap.get(rawRef);
-    if (pendingSetRef) {
-      pendingSetRef.flags |= 8;
-      pendingSetRefMap.delete(rawRef);
-    }
-  }
-
-  let hasLoggedMismatchError = false;
-  const logMismatchError = () => {
-    if (hasLoggedMismatchError) {
-      return;
-    }
-    console.error("Hydration completed but contains mismatches.");
-    hasLoggedMismatchError = true;
-  };
-  const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
-  const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
-  const getContainerType = (container) => {
-    if (container.nodeType !== 1) return void 0;
-    if (isSVGContainer(container)) return "svg";
-    if (isMathMLContainer(container)) return "mathml";
-    return void 0;
-  };
-  const isComment = (node) => node.nodeType === 8;
-  function createHydrationFunctions(rendererInternals) {
-    const {
-      mt: mountComponent,
-      p: patch,
-      o: {
-        patchProp,
-        createText,
-        nextSibling,
-        parentNode,
-        remove,
-        insert,
-        createComment
-      }
-    } = rendererInternals;
-    const hydrate = (vnode, container) => {
-      if (!container.hasChildNodes()) {
-        warn$1(
-          `Attempting to hydrate existing markup but container is empty. Performing full mount instead.`
-        );
-        patch(null, vnode, container);
-        flushPostFlushCbs();
-        container._vnode = vnode;
-        return;
-      }
-      hydrateNode(container.firstChild, vnode, null, null, null);
-      flushPostFlushCbs();
-      container._vnode = vnode;
-    };
-    const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
-      optimized = optimized || !!vnode.dynamicChildren;
-      const isFragmentStart = isComment(node) && node.data === "[";
-      const onMismatch = () => handleMismatch(
-        node,
-        vnode,
-        parentComponent,
-        parentSuspense,
-        slotScopeIds,
-        isFragmentStart
-      );
-      const { type, ref, shapeFlag, patchFlag } = vnode;
-      let domType = node.nodeType;
-      vnode.el = node;
-      {
-        def(node, "__vnode", vnode, true);
-        def(node, "__vueParentComponent", parentComponent, true);
-      }
-      if (patchFlag === -2) {
-        optimized = false;
-        vnode.dynamicChildren = null;
-      }
-      let nextNode = null;
-      switch (type) {
-        case Text:
-          if (domType !== 3) {
-            if (vnode.children === "") {
-              insert(vnode.el = createText(""), parentNode(node), node);
-              nextNode = node;
-            } else {
-              nextNode = onMismatch();
-            }
-          } else {
-            if (node.data !== vnode.children) {
-              warn$1(
-                `Hydration text mismatch in`,
-                node.parentNode,
-                `
-  - rendered on server: ${JSON.stringify(
-                node.data
-              )}
-  - expected on client: ${JSON.stringify(vnode.children)}`
-              );
-              logMismatchError();
-              node.data = vnode.children;
-            }
-            nextNode = nextSibling(node);
-          }
-          break;
-        case Comment:
-          if (isTemplateNode(node)) {
-            nextNode = nextSibling(node);
-            replaceNode(
-              vnode.el = node.content.firstChild,
-              node,
-              parentComponent
-            );
-          } else if (domType !== 8 || isFragmentStart) {
-            nextNode = onMismatch();
-          } else {
-            nextNode = nextSibling(node);
-          }
-          break;
-        case Static:
-          if (isFragmentStart) {
-            node = nextSibling(node);
-            domType = node.nodeType;
-          }
-          if (domType === 1 || domType === 3) {
-            nextNode = node;
-            const needToAdoptContent = !vnode.children.length;
-            for (let i = 0; i < vnode.staticCount; i++) {
-              if (needToAdoptContent)
-                vnode.children += nextNode.nodeType === 1 ? nextNode.outerHTML : nextNode.data;
-              if (i === vnode.staticCount - 1) {
-                vnode.anchor = nextNode;
-              }
-              nextNode = nextSibling(nextNode);
-            }
-            return isFragmentStart ? nextSibling(nextNode) : nextNode;
-          } else {
-            onMismatch();
-          }
-          break;
-        case Fragment:
-          if (!isFragmentStart) {
-            nextNode = onMismatch();
-          } else {
-            nextNode = hydrateFragment(
-              node,
-              vnode,
-              parentComponent,
-              parentSuspense,
-              slotScopeIds,
-              optimized
-            );
-          }
-          break;
-        default:
-          if (shapeFlag & 1) {
-            if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) {
-              nextNode = onMismatch();
-            } else {
-              nextNode = hydrateElement(
-                node,
-                vnode,
-                parentComponent,
-                parentSuspense,
-                slotScopeIds,
-                optimized
-              );
-            }
-          } else if (shapeFlag & 6) {
-            vnode.slotScopeIds = slotScopeIds;
-            const container = parentNode(node);
-            if (isFragmentStart) {
-              nextNode = locateClosingAnchor(node);
-            } else if (isComment(node) && node.data === "teleport start") {
-              nextNode = locateClosingAnchor(node, node.data, "teleport end");
-            } else {
-              nextNode = nextSibling(node);
-            }
-            mountComponent(
-              vnode,
-              container,
-              null,
-              parentComponent,
-              parentSuspense,
-              getContainerType(container),
-              optimized
-            );
-            if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved) {
-              let subTree;
-              if (isFragmentStart) {
-                subTree = createVNode(Fragment);
-                subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
-              } else {
-                subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div");
-              }
-              subTree.el = node;
-              vnode.component.subTree = subTree;
-            }
-          } else if (shapeFlag & 64) {
-            if (domType !== 8) {
-              nextNode = onMismatch();
-            } else {
-              nextNode = vnode.type.hydrate(
-                node,
-                vnode,
-                parentComponent,
-                parentSuspense,
-                slotScopeIds,
-                optimized,
-                rendererInternals,
-                hydrateChildren
-              );
-            }
-          } else if (shapeFlag & 128) {
-            nextNode = vnode.type.hydrate(
-              node,
-              vnode,
-              parentComponent,
-              parentSuspense,
-              getContainerType(parentNode(node)),
-              slotScopeIds,
-              optimized,
-              rendererInternals,
-              hydrateNode
-            );
-          } else {
-            warn$1("Invalid HostVNode type:", type, `(${typeof type})`);
-          }
-      }
-      if (ref != null) {
-        setRef(ref, null, parentSuspense, vnode);
-      }
-      return nextNode;
-    };
-    const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-      optimized = optimized || !!vnode.dynamicChildren;
-      const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
-      const forcePatch = type === "input" || type === "option";
-      {
-        if (dirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, "created");
-        }
-        let needCallTransitionHooks = false;
-        if (isTemplateNode(el)) {
-          needCallTransitionHooks = needTransition(
-            null,
-            // no need check parentSuspense in hydration
-            transition
-          ) && parentComponent && parentComponent.vnode.props && parentComponent.vnode.props.appear;
-          const content = el.content.firstChild;
-          if (needCallTransitionHooks) {
-            const cls = content.getAttribute("class");
-            if (cls) content.$cls = cls;
-            transition.beforeEnter(content);
-          }
-          replaceNode(content, el, parentComponent);
-          vnode.el = el = content;
-        }
-        if (shapeFlag & 16 && // skip if element has innerHTML / textContent
-        !(props && (props.innerHTML || props.textContent))) {
-          let next = hydrateChildren(
-            el.firstChild,
-            vnode,
-            el,
-            parentComponent,
-            parentSuspense,
-            slotScopeIds,
-            optimized
-          );
-          let hasWarned = false;
-          while (next) {
-            if (!isMismatchAllowed(el, 1 /* CHILDREN */)) {
-              if (!hasWarned) {
-                warn$1(
-                  `Hydration children mismatch on`,
-                  el,
-                  `
-Server rendered element contains more child nodes than client vdom.`
-                );
-                hasWarned = true;
-              }
-              logMismatchError();
-            }
-            const cur = next;
-            next = next.nextSibling;
-            remove(cur);
-          }
-        } else if (shapeFlag & 8) {
-          let clientText = vnode.children;
-          if (clientText[0] === "\n" && (el.tagName === "PRE" || el.tagName === "TEXTAREA")) {
-            clientText = clientText.slice(1);
-          }
-          const { textContent } = el;
-          if (textContent !== clientText && // innerHTML normalize \r\n or \r into a single \n in the DOM
-          textContent !== clientText.replace(/\r\n|\r/g, "\n")) {
-            if (!isMismatchAllowed(el, 0 /* TEXT */)) {
-              warn$1(
-                `Hydration text content mismatch on`,
-                el,
-                `
-  - rendered on server: ${textContent}
-  - expected on client: ${clientText}`
-              );
-              logMismatchError();
-            }
-            el.textContent = vnode.children;
-          }
-        }
-        if (props) {
-          {
-            const isCustomElement = el.tagName.includes("-");
-            for (const key in props) {
-              if (// #11189 skip if this node has directives that have created hooks
-              // as it could have mutated the DOM in any possible way
-              !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) {
-                logMismatchError();
-              }
-              if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
-              key[0] === "." || isCustomElement && !isReservedProp(key)) {
-                patchProp(el, key, null, props[key], void 0, parentComponent);
-              }
-            }
-          }
-        }
-        let vnodeHooks;
-        if (vnodeHooks = props && props.onVnodeBeforeMount) {
-          invokeVNodeHook(vnodeHooks, parentComponent, vnode);
-        }
-        if (dirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
-        }
-        if ((vnodeHooks = props && props.onVnodeMounted) || dirs || needCallTransitionHooks) {
-          queueEffectWithSuspense(() => {
-            vnodeHooks && invokeVNodeHook(vnodeHooks, parentComponent, vnode);
-            needCallTransitionHooks && transition.enter(el);
-            dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
-          }, parentSuspense);
-        }
-      }
-      return el.nextSibling;
-    };
-    const hydrateChildren = (node, parentVNode, container, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-      optimized = optimized || !!parentVNode.dynamicChildren;
-      const children = parentVNode.children;
-      const l = children.length;
-      let hasWarned = false;
-      for (let i = 0; i < l; i++) {
-        const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
-        const isText = vnode.type === Text;
-        if (node) {
-          if (isText && !optimized) {
-            if (i + 1 < l && normalizeVNode(children[i + 1]).type === Text) {
-              insert(
-                createText(
-                  node.data.slice(vnode.children.length)
-                ),
-                container,
-                nextSibling(node)
-              );
-              node.data = vnode.children;
-            }
-          }
-          node = hydrateNode(
-            node,
-            vnode,
-            parentComponent,
-            parentSuspense,
-            slotScopeIds,
-            optimized
-          );
-        } else if (isText && !vnode.children) {
-          insert(vnode.el = createText(""), container);
-        } else {
-          if (!isMismatchAllowed(container, 1 /* CHILDREN */)) {
-            if (!hasWarned) {
-              warn$1(
-                `Hydration children mismatch on`,
-                container,
-                `
-Server rendered element contains fewer child nodes than client vdom.`
-              );
-              hasWarned = true;
-            }
-            logMismatchError();
-          }
-          patch(
-            null,
-            vnode,
-            container,
-            null,
-            parentComponent,
-            parentSuspense,
-            getContainerType(container),
-            slotScopeIds
-          );
-        }
-      }
-      return node;
-    };
-    const hydrateFragment = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
-      const { slotScopeIds: fragmentSlotScopeIds } = vnode;
-      if (fragmentSlotScopeIds) {
-        slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
-      }
-      const container = parentNode(node);
-      const next = hydrateChildren(
-        nextSibling(node),
-        vnode,
-        container,
-        parentComponent,
-        parentSuspense,
-        slotScopeIds,
-        optimized
-      );
-      if (next && isComment(next) && next.data === "]") {
-        return nextSibling(vnode.anchor = next);
-      } else {
-        logMismatchError();
-        insert(vnode.anchor = createComment(`]`), container, next);
-        return next;
-      }
-    };
-    const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
-      if (!isMismatchAllowed(node.parentElement, 1 /* CHILDREN */)) {
-        warn$1(
-          `Hydration node mismatch:
-- rendered on server:`,
-          node,
-          node.nodeType === 3 ? `(text)` : isComment(node) && node.data === "[" ? `(start of fragment)` : ``,
-          `
-- expected on client:`,
-          vnode.type
-        );
-        logMismatchError();
-      }
-      vnode.el = null;
-      if (isFragment) {
-        const end = locateClosingAnchor(node);
-        while (true) {
-          const next2 = nextSibling(node);
-          if (next2 && next2 !== end) {
-            remove(next2);
-          } else {
-            break;
-          }
-        }
-      }
-      const next = nextSibling(node);
-      const container = parentNode(node);
-      remove(node);
-      patch(
-        null,
-        vnode,
-        container,
-        next,
-        parentComponent,
-        parentSuspense,
-        getContainerType(container),
-        slotScopeIds
-      );
-      if (parentComponent) {
-        parentComponent.vnode.el = vnode.el;
-        updateHOCHostEl(parentComponent, vnode.el);
-      }
-      return next;
-    };
-    const locateClosingAnchor = (node, open = "[", close = "]") => {
-      let match = 0;
-      while (node) {
-        node = nextSibling(node);
-        if (node && isComment(node)) {
-          if (node.data === open) match++;
-          if (node.data === close) {
-            if (match === 0) {
-              return nextSibling(node);
-            } else {
-              match--;
-            }
-          }
-        }
-      }
-      return node;
-    };
-    const replaceNode = (newNode, oldNode, parentComponent) => {
-      const parentNode2 = oldNode.parentNode;
-      if (parentNode2) {
-        parentNode2.replaceChild(newNode, oldNode);
-      }
-      let parent = parentComponent;
-      while (parent) {
-        if (parent.vnode.el === oldNode) {
-          parent.vnode.el = parent.subTree.el = newNode;
-        }
-        parent = parent.parent;
-      }
-    };
-    const isTemplateNode = (node) => {
-      return node.nodeType === 1 && node.tagName === "TEMPLATE";
-    };
-    return [hydrate, hydrateNode];
-  }
-  function propHasMismatch(el, key, clientValue, vnode, instance) {
-    let mismatchType;
-    let mismatchKey;
-    let actual;
-    let expected;
-    if (key === "class") {
-      if (el.$cls) {
-        actual = el.$cls;
-        delete el.$cls;
-      } else {
-        actual = el.getAttribute("class");
-      }
-      expected = normalizeClass(clientValue);
-      if (!isSetEqual(toClassSet(actual || ""), toClassSet(expected))) {
-        mismatchType = 2 /* CLASS */;
-        mismatchKey = `class`;
-      }
-    } else if (key === "style") {
-      actual = el.getAttribute("style") || "";
-      expected = isString(clientValue) ? clientValue : stringifyStyle(normalizeStyle(clientValue));
-      const actualMap = toStyleMap(actual);
-      const expectedMap = toStyleMap(expected);
-      if (vnode.dirs) {
-        for (const { dir, value } of vnode.dirs) {
-          if (dir.name === "show" && !value) {
-            expectedMap.set("display", "none");
-          }
-        }
-      }
-      if (instance) {
-        resolveCssVars(instance, vnode, expectedMap);
-      }
-      if (!isMapEqual(actualMap, expectedMap)) {
-        mismatchType = 3 /* STYLE */;
-        mismatchKey = "style";
-      }
-    } else if (el instanceof SVGElement && isKnownSvgAttr(key) || el instanceof HTMLElement && (isBooleanAttr(key) || isKnownHtmlAttr(key))) {
-      if (isBooleanAttr(key)) {
-        actual = el.hasAttribute(key);
-        expected = includeBooleanAttr(clientValue);
-      } else if (clientValue == null) {
-        actual = el.hasAttribute(key);
-        expected = false;
-      } else {
-        if (el.hasAttribute(key)) {
-          actual = el.getAttribute(key);
-        } else if (key === "value" && el.tagName === "TEXTAREA") {
-          actual = el.value;
-        } else {
-          actual = false;
-        }
-        expected = isRenderableAttrValue(clientValue) ? String(clientValue) : false;
-      }
-      if (actual !== expected) {
-        mismatchType = 4 /* ATTRIBUTE */;
-        mismatchKey = key;
-      }
-    }
-    if (mismatchType != null && !isMismatchAllowed(el, mismatchType)) {
-      const format = (v) => v === false ? `(not rendered)` : `${mismatchKey}="${v}"`;
-      const preSegment = `Hydration ${MismatchTypeString[mismatchType]} mismatch on`;
-      const postSegment = `
-  - rendered on server: ${format(actual)}
-  - expected on client: ${format(expected)}
-  Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.
-  You should fix the source of the mismatch.`;
-      {
-        warn$1(preSegment, el, postSegment);
-      }
-      return true;
-    }
-    return false;
-  }
-  function toClassSet(str) {
-    return new Set(str.trim().split(/\s+/));
-  }
-  function isSetEqual(a, b) {
-    if (a.size !== b.size) {
-      return false;
-    }
-    for (const s of a) {
-      if (!b.has(s)) {
-        return false;
-      }
-    }
-    return true;
-  }
-  function toStyleMap(str) {
-    const styleMap = /* @__PURE__ */ new Map();
-    for (const item of str.split(";")) {
-      let [key, value] = item.split(":");
-      key = key.trim();
-      value = value && value.trim();
-      if (key && value) {
-        styleMap.set(key, value);
-      }
-    }
-    return styleMap;
-  }
-  function isMapEqual(a, b) {
-    if (a.size !== b.size) {
-      return false;
-    }
-    for (const [key, value] of a) {
-      if (value !== b.get(key)) {
-        return false;
-      }
-    }
-    return true;
-  }
-  function resolveCssVars(instance, vnode, expectedMap) {
-    const root = instance.subTree;
-    if (instance.getCssVars && (vnode === root || root && root.type === Fragment && root.children.includes(vnode))) {
-      const cssVars = instance.getCssVars();
-      for (const key in cssVars) {
-        const value = normalizeCssVarValue(cssVars[key]);
-        expectedMap.set(`--${getEscapedCssVarName(key)}`, value);
-      }
-    }
-    if (vnode === root && instance.parent) {
-      resolveCssVars(instance.parent, instance.vnode, expectedMap);
-    }
-  }
-  const allowMismatchAttr = "data-allow-mismatch";
-  const MismatchTypeString = {
-    [0 /* TEXT */]: "text",
-    [1 /* CHILDREN */]: "children",
-    [2 /* CLASS */]: "class",
-    [3 /* STYLE */]: "style",
-    [4 /* ATTRIBUTE */]: "attribute"
-  };
-  function isMismatchAllowed(el, allowedType) {
-    if (allowedType === 0 /* TEXT */ || allowedType === 1 /* CHILDREN */) {
-      while (el && !el.hasAttribute(allowMismatchAttr)) {
-        el = el.parentElement;
-      }
-    }
-    const allowedAttr = el && el.getAttribute(allowMismatchAttr);
-    if (allowedAttr == null) {
-      return false;
-    } else if (allowedAttr === "") {
-      return true;
-    } else {
-      const list = allowedAttr.split(",");
-      if (allowedType === 0 /* TEXT */ && list.includes("children")) {
-        return true;
-      }
-      return list.includes(MismatchTypeString[allowedType]);
-    }
-  }
-
-  const requestIdleCallback = getGlobalThis().requestIdleCallback || ((cb) => setTimeout(cb, 1));
-  const cancelIdleCallback = getGlobalThis().cancelIdleCallback || ((id) => clearTimeout(id));
-  const hydrateOnIdle = (timeout = 1e4) => (hydrate) => {
-    const id = requestIdleCallback(hydrate, { timeout });
-    return () => cancelIdleCallback(id);
-  };
-  function elementIsVisibleInViewport(el) {
-    const { top, left, bottom, right } = el.getBoundingClientRect();
-    const { innerHeight, innerWidth } = window;
-    return (top > 0 && top < innerHeight || bottom > 0 && bottom < innerHeight) && (left > 0 && left < innerWidth || right > 0 && right < innerWidth);
-  }
-  const hydrateOnVisible = (opts) => (hydrate, forEach) => {
-    const ob = new IntersectionObserver((entries) => {
-      for (const e of entries) {
-        if (!e.isIntersecting) continue;
-        ob.disconnect();
-        hydrate();
-        break;
-      }
-    }, opts);
-    forEach((el) => {
-      if (!(el instanceof Element)) return;
-      if (elementIsVisibleInViewport(el)) {
-        hydrate();
-        ob.disconnect();
-        return false;
-      }
-      ob.observe(el);
-    });
-    return () => ob.disconnect();
-  };
-  const hydrateOnMediaQuery = (query) => (hydrate) => {
-    if (query) {
-      const mql = matchMedia(query);
-      if (mql.matches) {
-        hydrate();
-      } else {
-        mql.addEventListener("change", hydrate, { once: true });
-        return () => mql.removeEventListener("change", hydrate);
-      }
-    }
-  };
-  const hydrateOnInteraction = (interactions = []) => (hydrate, forEach) => {
-    if (isString(interactions)) interactions = [interactions];
-    let hasHydrated = false;
-    const doHydrate = (e) => {
-      if (!hasHydrated) {
-        hasHydrated = true;
-        teardown();
-        hydrate();
-        e.target.dispatchEvent(new e.constructor(e.type, e));
-      }
-    };
-    const teardown = () => {
-      forEach((el) => {
-        for (const i of interactions) {
-          el.removeEventListener(i, doHydrate);
-        }
-      });
-    };
-    forEach((el) => {
-      for (const i of interactions) {
-        el.addEventListener(i, doHydrate, { once: true });
-      }
-    });
-    return teardown;
-  };
-  function forEachElement(node, cb) {
-    if (isComment(node) && node.data === "[") {
-      let depth = 1;
-      let next = node.nextSibling;
-      while (next) {
-        if (next.nodeType === 1) {
-          const result = cb(next);
-          if (result === false) {
-            break;
-          }
-        } else if (isComment(next)) {
-          if (next.data === "]") {
-            if (--depth === 0) break;
-          } else if (next.data === "[") {
-            depth++;
-          }
-        }
-        next = next.nextSibling;
-      }
-    } else {
-      cb(node);
-    }
-  }
-
-  const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
-  // @__NO_SIDE_EFFECTS__
-  function defineAsyncComponent(source) {
-    if (isFunction(source)) {
-      source = { loader: source };
-    }
-    const {
-      loader,
-      loadingComponent,
-      errorComponent,
-      delay = 200,
-      hydrate: hydrateStrategy,
-      timeout,
-      // undefined = never times out
-      suspensible = true,
-      onError: userOnError
-    } = source;
-    let pendingRequest = null;
-    let resolvedComp;
-    let retries = 0;
-    const retry = () => {
-      retries++;
-      pendingRequest = null;
-      return load();
-    };
-    const load = () => {
-      let thisRequest;
-      return pendingRequest || (thisRequest = pendingRequest = loader().catch((err) => {
-        err = err instanceof Error ? err : new Error(String(err));
-        if (userOnError) {
-          return new Promise((resolve, reject) => {
-            const userRetry = () => resolve(retry());
-            const userFail = () => reject(err);
-            userOnError(err, userRetry, userFail, retries + 1);
-          });
-        } else {
-          throw err;
-        }
-      }).then((comp) => {
-        if (thisRequest !== pendingRequest && pendingRequest) {
-          return pendingRequest;
-        }
-        if (!comp) {
-          warn$1(
-            `Async component loader resolved to undefined. If you are using retry(), make sure to return its return value.`
-          );
-        }
-        if (comp && (comp.__esModule || comp[Symbol.toStringTag] === "Module")) {
-          comp = comp.default;
-        }
-        if (comp && !isObject(comp) && !isFunction(comp)) {
-          throw new Error(`Invalid async component load result: ${comp}`);
-        }
-        resolvedComp = comp;
-        return comp;
-      }));
-    };
-    return defineComponent({
-      name: "AsyncComponentWrapper",
-      __asyncLoader: load,
-      __asyncHydrate(el, instance, hydrate) {
-        let patched = false;
-        (instance.bu || (instance.bu = [])).push(() => patched = true);
-        const performHydrate = () => {
-          if (patched) {
-            {
-              warn$1(
-                `Skipping lazy hydration for component '${getComponentName(resolvedComp) || resolvedComp.__file}': it was updated before lazy hydration performed.`
-              );
-            }
-            return;
-          }
-          hydrate();
-        };
-        const doHydrate = hydrateStrategy ? () => {
-          const teardown = hydrateStrategy(
-            performHydrate,
-            (cb) => forEachElement(el, cb)
-          );
-          if (teardown) {
-            (instance.bum || (instance.bum = [])).push(teardown);
-          }
-        } : performHydrate;
-        if (resolvedComp) {
-          doHydrate();
-        } else {
-          load().then(() => !instance.isUnmounted && doHydrate());
-        }
-      },
-      get __asyncResolved() {
-        return resolvedComp;
-      },
-      setup() {
-        const instance = currentInstance;
-        markAsyncBoundary(instance);
-        if (resolvedComp) {
-          return () => createInnerComp(resolvedComp, instance);
-        }
-        const onError = (err) => {
-          pendingRequest = null;
-          handleError(
-            err,
-            instance,
-            13,
-            !errorComponent
-          );
-        };
-        if (suspensible && instance.suspense || false) {
-          return load().then((comp) => {
-            return () => createInnerComp(comp, instance);
-          }).catch((err) => {
-            onError(err);
-            return () => errorComponent ? createVNode(errorComponent, {
-              error: err
-            }) : null;
-          });
-        }
-        const loaded = ref(false);
-        const error = ref();
-        const delayed = ref(!!delay);
-        if (delay) {
-          setTimeout(() => {
-            delayed.value = false;
-          }, delay);
-        }
-        if (timeout != null) {
-          setTimeout(() => {
-            if (!loaded.value && !error.value) {
-              const err = new Error(
-                `Async component timed out after ${timeout}ms.`
-              );
-              onError(err);
-              error.value = err;
-            }
-          }, timeout);
-        }
-        load().then(() => {
-          loaded.value = true;
-          if (instance.parent && isKeepAlive(instance.parent.vnode)) {
-            instance.parent.update();
-          }
-        }).catch((err) => {
-          onError(err);
-          error.value = err;
-        });
-        return () => {
-          if (loaded.value && resolvedComp) {
-            return createInnerComp(resolvedComp, instance);
-          } else if (error.value && errorComponent) {
-            return createVNode(errorComponent, {
-              error: error.value
-            });
-          } else if (loadingComponent && !delayed.value) {
-            return createInnerComp(
-              loadingComponent,
-              instance
-            );
-          }
-        };
-      }
-    });
-  }
-  function createInnerComp(comp, parent) {
-    const { ref: ref2, props, children, ce } = parent.vnode;
-    const vnode = createVNode(comp, props, children);
-    vnode.ref = ref2;
-    vnode.ce = ce;
-    delete parent.vnode.ce;
-    return vnode;
-  }
-
-  const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
-  const KeepAliveImpl = {
-    name: `KeepAlive`,
-    // Marker for special handling inside the renderer. We are not using a ===
-    // check directly on KeepAlive in the renderer, because importing it directly
-    // would prevent it from being tree-shaken.
-    __isKeepAlive: true,
-    props: {
-      include: [String, RegExp, Array],
-      exclude: [String, RegExp, Array],
-      max: [String, Number]
-    },
-    setup(props, { slots }) {
-      const instance = getCurrentInstance();
-      const sharedContext = instance.ctx;
-      const cache = /* @__PURE__ */ new Map();
-      const keys = /* @__PURE__ */ new Set();
-      let current = null;
-      {
-        instance.__v_cache = cache;
-      }
-      const parentSuspense = instance.suspense;
-      const {
-        renderer: {
-          p: patch,
-          m: move,
-          um: _unmount,
-          o: { createElement }
-        }
-      } = sharedContext;
-      const storageContainer = createElement("div");
-      sharedContext.activate = (vnode, container, anchor, namespace, optimized) => {
-        const instance2 = vnode.component;
-        move(vnode, container, anchor, 0, parentSuspense);
-        patch(
-          instance2.vnode,
-          vnode,
-          container,
-          anchor,
-          instance2,
-          parentSuspense,
-          namespace,
-          vnode.slotScopeIds,
-          optimized
-        );
-        queuePostRenderEffect(() => {
-          instance2.isDeactivated = false;
-          if (instance2.a) {
-            invokeArrayFns(instance2.a);
-          }
-          const vnodeHook = vnode.props && vnode.props.onVnodeMounted;
-          if (vnodeHook) {
-            invokeVNodeHook(vnodeHook, instance2.parent, vnode);
-          }
-        }, parentSuspense);
-        {
-          devtoolsComponentAdded(instance2);
-        }
-      };
-      sharedContext.deactivate = (vnode) => {
-        const instance2 = vnode.component;
-        invalidateMount(instance2.m);
-        invalidateMount(instance2.a);
-        move(vnode, storageContainer, null, 1, parentSuspense);
-        queuePostRenderEffect(() => {
-          if (instance2.da) {
-            invokeArrayFns(instance2.da);
-          }
-          const vnodeHook = vnode.props && vnode.props.onVnodeUnmounted;
-          if (vnodeHook) {
-            invokeVNodeHook(vnodeHook, instance2.parent, vnode);
-          }
-          instance2.isDeactivated = true;
-        }, parentSuspense);
-        {
-          devtoolsComponentAdded(instance2);
-        }
-        {
-          instance2.__keepAliveStorageContainer = storageContainer;
-        }
-      };
-      function unmount(vnode) {
-        resetShapeFlag(vnode);
-        _unmount(vnode, instance, parentSuspense, true);
-      }
-      function pruneCache(filter) {
-        cache.forEach((vnode, key) => {
-          const name = getComponentName(
-            isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : vnode.type
-          );
-          if (name && !filter(name)) {
-            pruneCacheEntry(key);
-          }
-        });
-      }
-      function pruneCacheEntry(key) {
-        const cached = cache.get(key);
-        if (cached && (!current || !isSameVNodeType(cached, current))) {
-          unmount(cached);
-        } else if (current) {
-          resetShapeFlag(current);
-        }
-        cache.delete(key);
-        keys.delete(key);
-      }
-      watch(
-        () => [props.include, props.exclude],
-        ([include, exclude]) => {
-          include && pruneCache((name) => matches(include, name));
-          exclude && pruneCache((name) => !matches(exclude, name));
-        },
-        // prune post-render after `current` has been updated
-        { flush: "post", deep: true }
-      );
-      let pendingCacheKey = null;
-      const cacheSubtree = () => {
-        if (pendingCacheKey != null) {
-          if (isSuspense(instance.subTree.type)) {
-            queuePostRenderEffect(() => {
-              cache.set(pendingCacheKey, getInnerChild(instance.subTree));
-            }, instance.subTree.suspense);
-          } else {
-            cache.set(pendingCacheKey, getInnerChild(instance.subTree));
-          }
-        }
-      };
-      onMounted(cacheSubtree);
-      onUpdated(cacheSubtree);
-      onBeforeUnmount(() => {
-        cache.forEach((cached) => {
-          const { subTree, suspense } = instance;
-          const vnode = getInnerChild(subTree);
-          if (cached.type === vnode.type && cached.key === vnode.key) {
-            resetShapeFlag(vnode);
-            const da = vnode.component.da;
-            da && queuePostRenderEffect(da, suspense);
-            return;
-          }
-          unmount(cached);
-        });
-      });
-      return () => {
-        pendingCacheKey = null;
-        if (!slots.default) {
-          return current = null;
-        }
-        const children = slots.default();
-        const rawVNode = children[0];
-        if (children.length > 1) {
-          {
-            warn$1(`KeepAlive should contain exactly one component child.`);
-          }
-          current = null;
-          return children;
-        } else if (!isVNode(rawVNode) || !(rawVNode.shapeFlag & 4) && !(rawVNode.shapeFlag & 128)) {
-          current = null;
-          return rawVNode;
-        }
-        let vnode = getInnerChild(rawVNode);
-        if (vnode.type === Comment) {
-          current = null;
-          return vnode;
-        }
-        const comp = vnode.type;
-        const name = getComponentName(
-          isAsyncWrapper(vnode) ? vnode.type.__asyncResolved || {} : comp
-        );
-        const { include, exclude, max } = props;
-        if (include && (!name || !matches(include, name)) || exclude && name && matches(exclude, name)) {
-          vnode.shapeFlag &= -257;
-          current = vnode;
-          return rawVNode;
-        }
-        const key = vnode.key == null ? comp : vnode.key;
-        const cachedVNode = cache.get(key);
-        if (vnode.el) {
-          vnode = cloneVNode(vnode);
-          if (rawVNode.shapeFlag & 128) {
-            rawVNode.ssContent = vnode;
-          }
-        }
-        pendingCacheKey = key;
-        if (cachedVNode) {
-          vnode.el = cachedVNode.el;
-          vnode.component = cachedVNode.component;
-          if (vnode.transition) {
-            setTransitionHooks(vnode, vnode.transition);
-          }
-          vnode.shapeFlag |= 512;
-          keys.delete(key);
-          keys.add(key);
-        } else {
-          keys.add(key);
-          if (max && keys.size > parseInt(max, 10)) {
-            pruneCacheEntry(keys.values().next().value);
-          }
-        }
-        vnode.shapeFlag |= 256;
-        current = vnode;
-        return isSuspense(rawVNode.type) ? rawVNode : vnode;
-      };
-    }
-  };
-  const KeepAlive = KeepAliveImpl;
-  function matches(pattern, name) {
-    if (isArray(pattern)) {
-      return pattern.some((p) => matches(p, name));
-    } else if (isString(pattern)) {
-      return pattern.split(",").includes(name);
-    } else if (isRegExp(pattern)) {
-      pattern.lastIndex = 0;
-      return pattern.test(name);
-    }
-    return false;
-  }
-  function onActivated(hook, target) {
-    registerKeepAliveHook(hook, "a", target);
-  }
-  function onDeactivated(hook, target) {
-    registerKeepAliveHook(hook, "da", target);
-  }
-  function registerKeepAliveHook(hook, type, target = currentInstance) {
-    const wrappedHook = hook.__wdc || (hook.__wdc = () => {
-      let current = target;
-      while (current) {
-        if (current.isDeactivated) {
-          return;
-        }
-        current = current.parent;
-      }
-      return hook();
-    });
-    injectHook(type, wrappedHook, target);
-    if (target) {
-      let current = target.parent;
-      while (current && current.parent) {
-        if (isKeepAlive(current.parent.vnode)) {
-          injectToKeepAliveRoot(wrappedHook, type, target, current);
-        }
-        current = current.parent;
-      }
-    }
-  }
-  function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {
-    const injected = injectHook(
-      type,
-      hook,
-      keepAliveRoot,
-      true
-      /* prepend */
-    );
-    onUnmounted(() => {
-      remove(keepAliveRoot[type], injected);
-    }, target);
-  }
-  function resetShapeFlag(vnode) {
-    vnode.shapeFlag &= -257;
-    vnode.shapeFlag &= -513;
-  }
-  function getInnerChild(vnode) {
-    return vnode.shapeFlag & 128 ? vnode.ssContent : vnode;
-  }
-
-  function injectHook(type, hook, target = currentInstance, prepend = false) {
-    if (target) {
-      const hooks = target[type] || (target[type] = []);
-      const wrappedHook = hook.__weh || (hook.__weh = (...args) => {
-        pauseTracking();
-        const reset = setCurrentInstance(target);
-        const res = callWithAsyncErrorHandling(hook, target, type, args);
-        reset();
-        resetTracking();
-        return res;
-      });
-      if (prepend) {
-        hooks.unshift(wrappedHook);
-      } else {
-        hooks.push(wrappedHook);
-      }
-      return wrappedHook;
-    } else {
-      const apiName = toHandlerKey(ErrorTypeStrings$1[type].replace(/ hook$/, ""));
-      warn$1(
-        `${apiName} is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup().` + (` If you are using async setup(), make sure to register lifecycle hooks before the first await statement.` )
-      );
-    }
-  }
-  const createHook = (lifecycle) => (hook, target = currentInstance) => {
-    if (!isInSSRComponentSetup || lifecycle === "sp") {
-      injectHook(lifecycle, (...args) => hook(...args), target);
-    }
-  };
-  const onBeforeMount = createHook("bm");
-  const onMounted = createHook("m");
-  const onBeforeUpdate = createHook(
-    "bu"
-  );
-  const onUpdated = createHook("u");
-  const onBeforeUnmount = createHook(
-    "bum"
-  );
-  const onUnmounted = createHook("um");
-  const onServerPrefetch = createHook(
-    "sp"
-  );
-  const onRenderTriggered = createHook("rtg");
-  const onRenderTracked = createHook("rtc");
-  function onErrorCaptured(hook, target = currentInstance) {
-    injectHook("ec", hook, target);
-  }
-
-  const COMPONENTS = "components";
-  const DIRECTIVES = "directives";
-  function resolveComponent(name, maybeSelfReference) {
-    return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
-  }
-  const NULL_DYNAMIC_COMPONENT = /* @__PURE__ */ Symbol.for("v-ndc");
-  function resolveDynamicComponent(component) {
-    if (isString(component)) {
-      return resolveAsset(COMPONENTS, component, false) || component;
-    } else {
-      return component || NULL_DYNAMIC_COMPONENT;
-    }
-  }
-  function resolveDirective(name) {
-    return resolveAsset(DIRECTIVES, name);
-  }
-  function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false) {
-    const instance = currentRenderingInstance || currentInstance;
-    if (instance) {
-      const Component = instance.type;
-      if (type === COMPONENTS) {
-        const selfName = getComponentName(
-          Component,
-          false
-        );
-        if (selfName && (selfName === name || selfName === camelize(name) || selfName === capitalize(camelize(name)))) {
-          return Component;
-        }
-      }
-      const res = (
-        // local registration
-        // check instance[type] first which is resolved for options API
-        resolve(instance[type] || Component[type], name) || // global registration
-        resolve(instance.appContext[type], name)
-      );
-      if (!res && maybeSelfReference) {
-        return Component;
-      }
-      if (warnMissing && !res) {
-        const extra = type === COMPONENTS ? `
-If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.` : ``;
-        warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
-      }
-      return res;
-    } else {
-      warn$1(
-        `resolve${capitalize(type.slice(0, -1))} can only be used in render() or setup().`
-      );
-    }
-  }
-  function resolve(registry, name) {
-    return registry && (registry[name] || registry[camelize(name)] || registry[capitalize(camelize(name))]);
-  }
-
-  function renderList(source, renderItem, cache, index) {
-    let ret;
-    const cached = cache && cache[index];
-    const sourceIsArray = isArray(source);
-    if (sourceIsArray || isString(source)) {
-      const sourceIsReactiveArray = sourceIsArray && isReactive(source);
-      let needsWrap = false;
-      let isReadonlySource = false;
-      if (sourceIsReactiveArray) {
-        needsWrap = !isShallow(source);
-        isReadonlySource = isReadonly(source);
-        source = shallowReadArray(source);
-      }
-      ret = new Array(source.length);
-      for (let i = 0, l = source.length; i < l; i++) {
-        ret[i] = renderItem(
-          needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i],
-          i,
-          void 0,
-          cached && cached[i]
-        );
-      }
-    } else if (typeof source === "number") {
-      if (!Number.isInteger(source)) {
-        warn$1(`The v-for range expect an integer value but got ${source}.`);
-      }
-      ret = new Array(source);
-      for (let i = 0; i < source; i++) {
-        ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
-      }
-    } else if (isObject(source)) {
-      if (source[Symbol.iterator]) {
-        ret = Array.from(
-          source,
-          (item, i) => renderItem(item, i, void 0, cached && cached[i])
-        );
-      } else {
-        const keys = Object.keys(source);
-        ret = new Array(keys.length);
-        for (let i = 0, l = keys.length; i < l; i++) {
-          const key = keys[i];
-          ret[i] = renderItem(source[key], key, i, cached && cached[i]);
-        }
-      }
-    } else {
-      ret = [];
-    }
-    if (cache) {
-      cache[index] = ret;
-    }
-    return ret;
-  }
-
-  function createSlots(slots, dynamicSlots) {
-    for (let i = 0; i < dynamicSlots.length; i++) {
-      const slot = dynamicSlots[i];
-      if (isArray(slot)) {
-        for (let j = 0; j < slot.length; j++) {
-          slots[slot[j].name] = slot[j].fn;
-        }
-      } else if (slot) {
-        slots[slot.name] = slot.key ? (...args) => {
-          const res = slot.fn(...args);
-          if (res) res.key = slot.key;
-          return res;
-        } : slot.fn;
-      }
-    }
-    return slots;
-  }
-
-  function renderSlot(slots, name, props = {}, fallback, noSlotted) {
-    if (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce) {
-      const hasProps = Object.keys(props).length > 0;
-      if (name !== "default") props.name = name;
-      return openBlock(), createBlock(
-        Fragment,
-        null,
-        [createVNode("slot", props, fallback && fallback())],
-        hasProps ? -2 : 64
-      );
-    }
-    let slot = slots[name];
-    if (slot && slot.length > 1) {
-      warn$1(
-        `SSR-optimized slot function detected in a non-SSR-optimized render function. You need to mark this component with $dynamic-slots in the parent template.`
-      );
-      slot = () => [];
-    }
-    if (slot && slot._c) {
-      slot._d = false;
-    }
-    openBlock();
-    const validSlotContent = slot && ensureValidVNode(slot(props));
-    const slotKey = props.key || // slot content array of a dynamic conditional slot may have a branch
-    // key attached in the `createSlots` helper, respect that
-    validSlotContent && validSlotContent.key;
-    const rendered = createBlock(
-      Fragment,
-      {
-        key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + // #7256 force differentiate fallback content from actual content
-        (!validSlotContent && fallback ? "_fb" : "")
-      },
-      validSlotContent || (fallback ? fallback() : []),
-      validSlotContent && slots._ === 1 ? 64 : -2
-    );
-    if (!noSlotted && rendered.scopeId) {
-      rendered.slotScopeIds = [rendered.scopeId + "-s"];
-    }
-    if (slot && slot._c) {
-      slot._d = true;
-    }
-    return rendered;
-  }
-  function ensureValidVNode(vnodes) {
-    return vnodes.some((child) => {
-      if (!isVNode(child)) return true;
-      if (child.type === Comment) return false;
-      if (child.type === Fragment && !ensureValidVNode(child.children))
-        return false;
-      return true;
-    }) ? vnodes : null;
-  }
-
-  function toHandlers(obj, preserveCaseIfNecessary) {
-    const ret = {};
-    if (!isObject(obj)) {
-      warn$1(`v-on with no argument expects an object value.`);
-      return ret;
-    }
-    for (const key in obj) {
-      ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey(key)] = obj[key];
-    }
-    return ret;
-  }
-
-  const getPublicInstance = (i) => {
-    if (!i) return null;
-    if (isStatefulComponent(i)) return getComponentPublicInstance(i);
-    return getPublicInstance(i.parent);
-  };
-  const publicPropertiesMap = (
-    // Move PURE marker to new line to workaround compiler discarding it
-    // due to type annotation
-    /* @__PURE__ */ extend(/* @__PURE__ */ Object.create(null), {
-      $: (i) => i,
-      $el: (i) => i.vnode.el,
-      $data: (i) => i.data,
-      $props: (i) => shallowReadonly(i.props) ,
-      $attrs: (i) => shallowReadonly(i.attrs) ,
-      $slots: (i) => shallowReadonly(i.slots) ,
-      $refs: (i) => shallowReadonly(i.refs) ,
-      $parent: (i) => getPublicInstance(i.parent),
-      $root: (i) => getPublicInstance(i.root),
-      $host: (i) => i.ce,
-      $emit: (i) => i.emit,
-      $options: (i) => resolveMergedOptions(i) ,
-      $forceUpdate: (i) => i.f || (i.f = () => {
-        queueJob(i.update);
-      }),
-      $nextTick: (i) => i.n || (i.n = nextTick.bind(i.proxy)),
-      $watch: (i) => instanceWatch.bind(i) 
-    })
-  );
-  const isReservedPrefix = (key) => key === "_" || key === "$";
-  const hasSetupBinding = (state, key) => state !== EMPTY_OBJ && !state.__isScriptSetup && hasOwn(state, key);
-  const PublicInstanceProxyHandlers = {
-    get({ _: instance }, key) {
-      if (key === "__v_skip") {
-        return true;
-      }
-      const { ctx, setupState, data, props, accessCache, type, appContext } = instance;
-      if (key === "__isVue") {
-        return true;
-      }
-      if (key[0] !== "$") {
-        const n = accessCache[key];
-        if (n !== void 0) {
-          switch (n) {
-            case 1 /* SETUP */:
-              return setupState[key];
-            case 2 /* DATA */:
-              return data[key];
-            case 4 /* CONTEXT */:
-              return ctx[key];
-            case 3 /* PROPS */:
-              return props[key];
-          }
-        } else if (hasSetupBinding(setupState, key)) {
-          accessCache[key] = 1 /* SETUP */;
-          return setupState[key];
-        } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-          accessCache[key] = 2 /* DATA */;
-          return data[key];
-        } else if (hasOwn(props, key)) {
-          accessCache[key] = 3 /* PROPS */;
-          return props[key];
-        } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-          accessCache[key] = 4 /* CONTEXT */;
-          return ctx[key];
-        } else if (shouldCacheAccess) {
-          accessCache[key] = 0 /* OTHER */;
-        }
-      }
-      const publicGetter = publicPropertiesMap[key];
-      let cssModule, globalProperties;
-      if (publicGetter) {
-        if (key === "$attrs") {
-          track(instance.attrs, "get", "");
-          markAttrsAccessed();
-        } else if (key === "$slots") {
-          track(instance, "get", key);
-        }
-        return publicGetter(instance);
-      } else if (
-        // css module (injected by vue-loader)
-        (cssModule = type.__cssModules) && (cssModule = cssModule[key])
-      ) {
-        return cssModule;
-      } else if (ctx !== EMPTY_OBJ && hasOwn(ctx, key)) {
-        accessCache[key] = 4 /* CONTEXT */;
-        return ctx[key];
-      } else if (
-        // global properties
-        globalProperties = appContext.config.globalProperties, hasOwn(globalProperties, key)
-      ) {
-        {
-          return globalProperties[key];
-        }
-      } else if (currentRenderingInstance && (!isString(key) || // #1091 avoid internal isRef/isVNode checks on component instance leading
-      // to infinite warning loop
-      key.indexOf("__v") !== 0)) {
-        if (data !== EMPTY_OBJ && isReservedPrefix(key[0]) && hasOwn(data, key)) {
-          warn$1(
-            `Property ${JSON.stringify(
-            key
-          )} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.`
-          );
-        } else if (instance === currentRenderingInstance) {
-          warn$1(
-            `Property ${JSON.stringify(key)} was accessed during render but is not defined on instance.`
-          );
-        }
-      }
-    },
-    set({ _: instance }, key, value) {
-      const { data, setupState, ctx } = instance;
-      if (hasSetupBinding(setupState, key)) {
-        setupState[key] = value;
-        return true;
-      } else if (setupState.__isScriptSetup && hasOwn(setupState, key)) {
-        warn$1(`Cannot mutate <script setup> binding "${key}" from Options API.`);
-        return false;
-      } else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
-        data[key] = value;
-        return true;
-      } else if (hasOwn(instance.props, key)) {
-        warn$1(`Attempting to mutate prop "${key}". Props are readonly.`);
-        return false;
-      }
-      if (key[0] === "$" && key.slice(1) in instance) {
-        warn$1(
-          `Attempting to mutate public property "${key}". Properties starting with $ are reserved and readonly.`
-        );
-        return false;
-      } else {
-        if (key in instance.appContext.config.globalProperties) {
-          Object.defineProperty(ctx, key, {
-            enumerable: true,
-            configurable: true,
-            value
-          });
-        } else {
-          ctx[key] = value;
-        }
-      }
-      return true;
-    },
-    has({
-      _: { data, setupState, accessCache, ctx, appContext, props, type }
-    }, key) {
-      let cssModules;
-      return !!(accessCache[key] || data !== EMPTY_OBJ && key[0] !== "$" && hasOwn(data, key) || hasSetupBinding(setupState, key) || hasOwn(props, key) || hasOwn(ctx, key) || hasOwn(publicPropertiesMap, key) || hasOwn(appContext.config.globalProperties, key) || (cssModules = type.__cssModules) && cssModules[key]);
-    },
-    defineProperty(target, key, descriptor) {
-      if (descriptor.get != null) {
-        target._.accessCache[key] = 0;
-      } else if (hasOwn(descriptor, "value")) {
-        this.set(target, key, descriptor.value, null);
-      }
-      return Reflect.defineProperty(target, key, descriptor);
-    }
-  };
-  {
-    PublicInstanceProxyHandlers.ownKeys = (target) => {
-      warn$1(
-        `Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead.`
-      );
-      return Reflect.ownKeys(target);
-    };
-  }
-  const RuntimeCompiledPublicInstanceProxyHandlers = /* @__PURE__ */ extend({}, PublicInstanceProxyHandlers, {
-    get(target, key) {
-      if (key === Symbol.unscopables) {
-        return;
-      }
-      return PublicInstanceProxyHandlers.get(target, key, target);
-    },
-    has(_, key) {
-      const has = key[0] !== "_" && !isGloballyAllowed(key);
-      if (!has && PublicInstanceProxyHandlers.has(_, key)) {
-        warn$1(
-          `Property ${JSON.stringify(
-          key
-        )} should not start with _ which is a reserved prefix for Vue internals.`
-        );
-      }
-      return has;
-    }
-  });
-  function createDevRenderContext(instance) {
-    const target = {};
-    Object.defineProperty(target, `_`, {
-      configurable: true,
-      enumerable: false,
-      get: () => instance
-    });
-    Object.keys(publicPropertiesMap).forEach((key) => {
-      Object.defineProperty(target, key, {
-        configurable: true,
-        enumerable: false,
-        get: () => publicPropertiesMap[key](instance),
-        // intercepted by the proxy so no need for implementation,
-        // but needed to prevent set errors
-        set: NOOP
-      });
-    });
-    return target;
-  }
-  function exposePropsOnRenderContext(instance) {
-    const {
-      ctx,
-      propsOptions: [propsOptions]
-    } = instance;
-    if (propsOptions) {
-      Object.keys(propsOptions).forEach((key) => {
-        Object.defineProperty(ctx, key, {
-          enumerable: true,
-          configurable: true,
-          get: () => instance.props[key],
-          set: NOOP
-        });
-      });
-    }
-  }
-  function exposeSetupStateOnRenderContext(instance) {
-    const { ctx, setupState } = instance;
-    Object.keys(toRaw(setupState)).forEach((key) => {
-      if (!setupState.__isScriptSetup) {
-        if (isReservedPrefix(key[0])) {
-          warn$1(
-            `setup() return property ${JSON.stringify(
-            key
-          )} should not start with "$" or "_" which are reserved prefixes for Vue internals.`
-          );
-          return;
-        }
-        Object.defineProperty(ctx, key, {
-          enumerable: true,
-          configurable: true,
-          get: () => setupState[key],
-          set: NOOP
-        });
-      }
-    });
-  }
-
-  const warnRuntimeUsage = (method) => warn$1(
-    `${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`
-  );
-  function defineProps() {
-    {
-      warnRuntimeUsage(`defineProps`);
-    }
-    return null;
-  }
-  function defineEmits() {
-    {
-      warnRuntimeUsage(`defineEmits`);
-    }
-    return null;
-  }
-  function defineExpose(exposed) {
-    {
-      warnRuntimeUsage(`defineExpose`);
-    }
-  }
-  function defineOptions(options) {
-    {
-      warnRuntimeUsage(`defineOptions`);
-    }
-  }
-  function defineSlots() {
-    {
-      warnRuntimeUsage(`defineSlots`);
-    }
-    return null;
-  }
-  function defineModel() {
-    {
-      warnRuntimeUsage("defineModel");
-    }
-  }
-  function withDefaults(props, defaults) {
-    {
-      warnRuntimeUsage(`withDefaults`);
-    }
-    return null;
-  }
-  function useSlots() {
-    return getContext("useSlots").slots;
-  }
-  function useAttrs() {
-    return getContext("useAttrs").attrs;
-  }
-  function getContext(calledFunctionName) {
-    const i = getCurrentInstance();
-    if (!i) {
-      warn$1(`${calledFunctionName}() called without active instance.`);
-    }
-    return i.setupContext || (i.setupContext = createSetupContext(i));
-  }
-  function normalizePropsOrEmits(props) {
-    return isArray(props) ? props.reduce(
-      (normalized, p) => (normalized[p] = null, normalized),
-      {}
-    ) : props;
-  }
-  function mergeDefaults(raw, defaults) {
-    const props = normalizePropsOrEmits(raw);
-    for (const key in defaults) {
-      if (key.startsWith("__skip")) continue;
-      let opt = props[key];
-      if (opt) {
-        if (isArray(opt) || isFunction(opt)) {
-          opt = props[key] = { type: opt, default: defaults[key] };
-        } else {
-          opt.default = defaults[key];
-        }
-      } else if (opt === null) {
-        opt = props[key] = { default: defaults[key] };
-      } else {
-        warn$1(`props default key "${key}" has no corresponding declaration.`);
-      }
-      if (opt && defaults[`__skip_${key}`]) {
-        opt.skipFactory = true;
-      }
-    }
-    return props;
-  }
-  function mergeModels(a, b) {
-    if (!a || !b) return a || b;
-    if (isArray(a) && isArray(b)) return a.concat(b);
-    return extend({}, normalizePropsOrEmits(a), normalizePropsOrEmits(b));
-  }
-  function createPropsRestProxy(props, excludedKeys) {
-    const ret = {};
-    for (const key in props) {
-      if (!excludedKeys.includes(key)) {
-        Object.defineProperty(ret, key, {
-          enumerable: true,
-          get: () => props[key]
-        });
-      }
-    }
-    return ret;
-  }
-  function withAsyncContext(getAwaitable) {
-    const ctx = getCurrentInstance();
-    if (!ctx) {
-      warn$1(
-        `withAsyncContext called without active current instance. This is likely a bug.`
-      );
-    }
-    let awaitable = getAwaitable();
-    unsetCurrentInstance();
-    if (isPromise(awaitable)) {
-      awaitable = awaitable.catch((e) => {
-        setCurrentInstance(ctx);
-        throw e;
-      });
-    }
-    return [awaitable, () => setCurrentInstance(ctx)];
-  }
-
-  function createDuplicateChecker() {
-    const cache = /* @__PURE__ */ Object.create(null);
-    return (type, key) => {
-      if (cache[key]) {
-        warn$1(`${type} property "${key}" is already defined in ${cache[key]}.`);
-      } else {
-        cache[key] = type;
-      }
-    };
-  }
-  let shouldCacheAccess = true;
-  function applyOptions(instance) {
-    const options = resolveMergedOptions(instance);
-    const publicThis = instance.proxy;
-    const ctx = instance.ctx;
-    shouldCacheAccess = false;
-    if (options.beforeCreate) {
-      callHook$1(options.beforeCreate, instance, "bc");
-    }
-    const {
-      // state
-      data: dataOptions,
-      computed: computedOptions,
-      methods,
-      watch: watchOptions,
-      provide: provideOptions,
-      inject: injectOptions,
-      // lifecycle
-      created,
-      beforeMount,
-      mounted,
-      beforeUpdate,
-      updated,
-      activated,
-      deactivated,
-      beforeDestroy,
-      beforeUnmount,
-      destroyed,
-      unmounted,
-      render,
-      renderTracked,
-      renderTriggered,
-      errorCaptured,
-      serverPrefetch,
-      // public API
-      expose,
-      inheritAttrs,
-      // assets
-      components,
-      directives,
-      filters
-    } = options;
-    const checkDuplicateProperties = createDuplicateChecker() ;
-    {
-      const [propsOptions] = instance.propsOptions;
-      if (propsOptions) {
-        for (const key in propsOptions) {
-          checkDuplicateProperties("Props" /* PROPS */, key);
-        }
-      }
-    }
-    if (injectOptions) {
-      resolveInjections(injectOptions, ctx, checkDuplicateProperties);
-    }
-    if (methods) {
-      for (const key in methods) {
-        const methodHandler = methods[key];
-        if (isFunction(methodHandler)) {
-          {
-            Object.defineProperty(ctx, key, {
-              value: methodHandler.bind(publicThis),
-              configurable: true,
-              enumerable: true,
-              writable: true
-            });
-          }
-          {
-            checkDuplicateProperties("Methods" /* METHODS */, key);
-          }
-        } else {
-          warn$1(
-            `Method "${key}" has type "${typeof methodHandler}" in the component definition. Did you reference the function correctly?`
-          );
-        }
-      }
-    }
-    if (dataOptions) {
-      if (!isFunction(dataOptions)) {
-        warn$1(
-          `The data option must be a function. Plain object usage is no longer supported.`
-        );
-      }
-      const data = dataOptions.call(publicThis, publicThis);
-      if (isPromise(data)) {
-        warn$1(
-          `data() returned a Promise - note data() cannot be async; If you intend to perform data fetching before component renders, use async setup() + <Suspense>.`
-        );
-      }
-      if (!isObject(data)) {
-        warn$1(`data() should return an object.`);
-      } else {
-        instance.data = reactive(data);
-        {
-          for (const key in data) {
-            checkDuplicateProperties("Data" /* DATA */, key);
-            if (!isReservedPrefix(key[0])) {
-              Object.defineProperty(ctx, key, {
-                configurable: true,
-                enumerable: true,
-                get: () => data[key],
-                set: NOOP
-              });
-            }
-          }
-        }
-      }
-    }
-    shouldCacheAccess = true;
-    if (computedOptions) {
-      for (const key in computedOptions) {
-        const opt = computedOptions[key];
-        const get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
-        if (get === NOOP) {
-          warn$1(`Computed property "${key}" has no getter.`);
-        }
-        const set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : () => {
-          warn$1(
-            `Write operation failed: computed property "${key}" is readonly.`
-          );
-        } ;
-        const c = computed({
-          get,
-          set
-        });
-        Object.defineProperty(ctx, key, {
-          enumerable: true,
-          configurable: true,
-          get: () => c.value,
-          set: (v) => c.value = v
-        });
-        {
-          checkDuplicateProperties("Computed" /* COMPUTED */, key);
-        }
-      }
-    }
-    if (watchOptions) {
-      for (const key in watchOptions) {
-        createWatcher(watchOptions[key], ctx, publicThis, key);
-      }
-    }
-    if (provideOptions) {
-      const provides = isFunction(provideOptions) ? provideOptions.call(publicThis) : provideOptions;
-      Reflect.ownKeys(provides).forEach((key) => {
-        provide(key, provides[key]);
-      });
-    }
-    if (created) {
-      callHook$1(created, instance, "c");
-    }
-    function registerLifecycleHook(register, hook) {
-      if (isArray(hook)) {
-        hook.forEach((_hook) => register(_hook.bind(publicThis)));
-      } else if (hook) {
-        register(hook.bind(publicThis));
-      }
-    }
-    registerLifecycleHook(onBeforeMount, beforeMount);
-    registerLifecycleHook(onMounted, mounted);
-    registerLifecycleHook(onBeforeUpdate, beforeUpdate);
-    registerLifecycleHook(onUpdated, updated);
-    registerLifecycleHook(onActivated, activated);
-    registerLifecycleHook(onDeactivated, deactivated);
-    registerLifecycleHook(onErrorCaptured, errorCaptured);
-    registerLifecycleHook(onRenderTracked, renderTracked);
-    registerLifecycleHook(onRenderTriggered, renderTriggered);
-    registerLifecycleHook(onBeforeUnmount, beforeUnmount);
-    registerLifecycleHook(onUnmounted, unmounted);
-    registerLifecycleHook(onServerPrefetch, serverPrefetch);
-    if (isArray(expose)) {
-      if (expose.length) {
-        const exposed = instance.exposed || (instance.exposed = {});
-        expose.forEach((key) => {
-          Object.defineProperty(exposed, key, {
-            get: () => publicThis[key],
-            set: (val) => publicThis[key] = val,
-            enumerable: true
-          });
-        });
-      } else if (!instance.exposed) {
-        instance.exposed = {};
-      }
-    }
-    if (render && instance.render === NOOP) {
-      instance.render = render;
-    }
-    if (inheritAttrs != null) {
-      instance.inheritAttrs = inheritAttrs;
-    }
-    if (components) instance.components = components;
-    if (directives) instance.directives = directives;
-  }
-  function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP) {
-    if (isArray(injectOptions)) {
-      injectOptions = normalizeInject(injectOptions);
-    }
-    for (const key in injectOptions) {
-      const opt = injectOptions[key];
-      let injected;
-      if (isObject(opt)) {
-        if ("default" in opt) {
-          injected = inject(
-            opt.from || key,
-            opt.default,
-            true
-          );
-        } else {
-          injected = inject(opt.from || key);
-        }
-      } else {
-        injected = inject(opt);
-      }
-      if (isRef(injected)) {
-        Object.defineProperty(ctx, key, {
-          enumerable: true,
-          configurable: true,
-          get: () => injected.value,
-          set: (v) => injected.value = v
-        });
-      } else {
-        ctx[key] = injected;
-      }
-      {
-        checkDuplicateProperties("Inject" /* INJECT */, key);
-      }
-    }
-  }
-  function callHook$1(hook, instance, type) {
-    callWithAsyncErrorHandling(
-      isArray(hook) ? hook.map((h) => h.bind(instance.proxy)) : hook.bind(instance.proxy),
-      instance,
-      type
-    );
-  }
-  function createWatcher(raw, ctx, publicThis, key) {
-    let getter = key.includes(".") ? createPathGetter(publicThis, key) : () => publicThis[key];
-    if (isString(raw)) {
-      const handler = ctx[raw];
-      if (isFunction(handler)) {
-        {
-          watch(getter, handler);
-        }
-      } else {
-        warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
-      }
-    } else if (isFunction(raw)) {
-      {
-        watch(getter, raw.bind(publicThis));
-      }
-    } else if (isObject(raw)) {
-      if (isArray(raw)) {
-        raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
-      } else {
-        const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
-        if (isFunction(handler)) {
-          watch(getter, handler, raw);
-        } else {
-          warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
-        }
-      }
-    } else {
-      warn$1(`Invalid watch option: "${key}"`, raw);
-    }
-  }
-  function resolveMergedOptions(instance) {
-    const base = instance.type;
-    const { mixins, extends: extendsOptions } = base;
-    const {
-      mixins: globalMixins,
-      optionsCache: cache,
-      config: { optionMergeStrategies }
-    } = instance.appContext;
-    const cached = cache.get(base);
-    let resolved;
-    if (cached) {
-      resolved = cached;
-    } else if (!globalMixins.length && !mixins && !extendsOptions) {
-      {
-        resolved = base;
-      }
-    } else {
-      resolved = {};
-      if (globalMixins.length) {
-        globalMixins.forEach(
-          (m) => mergeOptions(resolved, m, optionMergeStrategies, true)
-        );
-      }
-      mergeOptions(resolved, base, optionMergeStrategies);
-    }
-    if (isObject(base)) {
-      cache.set(base, resolved);
-    }
-    return resolved;
-  }
-  function mergeOptions(to, from, strats, asMixin = false) {
-    const { mixins, extends: extendsOptions } = from;
-    if (extendsOptions) {
-      mergeOptions(to, extendsOptions, strats, true);
-    }
-    if (mixins) {
-      mixins.forEach(
-        (m) => mergeOptions(to, m, strats, true)
-      );
-    }
-    for (const key in from) {
-      if (asMixin && key === "expose") {
-        warn$1(
-          `"expose" option is ignored when declared in mixins or extends. It should only be declared in the base component itself.`
-        );
-      } else {
-        const strat = internalOptionMergeStrats[key] || strats && strats[key];
-        to[key] = strat ? strat(to[key], from[key]) : from[key];
-      }
-    }
-    return to;
-  }
-  const internalOptionMergeStrats = {
-    data: mergeDataFn,
-    props: mergeEmitsOrPropsOptions,
-    emits: mergeEmitsOrPropsOptions,
-    // objects
-    methods: mergeObjectOptions,
-    computed: mergeObjectOptions,
-    // lifecycle
-    beforeCreate: mergeAsArray$1,
-    created: mergeAsArray$1,
-    beforeMount: mergeAsArray$1,
-    mounted: mergeAsArray$1,
-    beforeUpdate: mergeAsArray$1,
-    updated: mergeAsArray$1,
-    beforeDestroy: mergeAsArray$1,
-    beforeUnmount: mergeAsArray$1,
-    destroyed: mergeAsArray$1,
-    unmounted: mergeAsArray$1,
-    activated: mergeAsArray$1,
-    deactivated: mergeAsArray$1,
-    errorCaptured: mergeAsArray$1,
-    serverPrefetch: mergeAsArray$1,
-    // assets
-    components: mergeObjectOptions,
-    directives: mergeObjectOptions,
-    // watch
-    watch: mergeWatchOptions,
-    // provide / inject
-    provide: mergeDataFn,
-    inject: mergeInject
-  };
-  function mergeDataFn(to, from) {
-    if (!from) {
-      return to;
-    }
-    if (!to) {
-      return from;
-    }
-    return function mergedDataFn() {
-      return (extend)(
-        isFunction(to) ? to.call(this, this) : to,
-        isFunction(from) ? from.call(this, this) : from
-      );
-    };
-  }
-  function mergeInject(to, from) {
-    return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
-  }
-  function normalizeInject(raw) {
-    if (isArray(raw)) {
-      const res = {};
-      for (let i = 0; i < raw.length; i++) {
-        res[raw[i]] = raw[i];
-      }
-      return res;
-    }
-    return raw;
-  }
-  function mergeAsArray$1(to, from) {
-    return to ? [...new Set([].concat(to, from))] : from;
-  }
-  function mergeObjectOptions(to, from) {
-    return to ? extend(/* @__PURE__ */ Object.create(null), to, from) : from;
-  }
-  function mergeEmitsOrPropsOptions(to, from) {
-    if (to) {
-      if (isArray(to) && isArray(from)) {
-        return [.../* @__PURE__ */ new Set([...to, ...from])];
-      }
-      return extend(
-        /* @__PURE__ */ Object.create(null),
-        normalizePropsOrEmits(to),
-        normalizePropsOrEmits(from != null ? from : {})
-      );
-    } else {
-      return from;
-    }
-  }
-  function mergeWatchOptions(to, from) {
-    if (!to) return from;
-    if (!from) return to;
-    const merged = extend(/* @__PURE__ */ Object.create(null), to);
-    for (const key in from) {
-      merged[key] = mergeAsArray$1(to[key], from[key]);
-    }
-    return merged;
-  }
-
-  function createAppContext() {
-    return {
-      app: null,
-      config: {
-        isNativeTag: NO,
-        performance: false,
-        globalProperties: {},
-        optionMergeStrategies: {},
-        errorHandler: void 0,
-        warnHandler: void 0,
-        compilerOptions: {}
-      },
-      mixins: [],
-      components: {},
-      directives: {},
-      provides: /* @__PURE__ */ Object.create(null),
-      optionsCache: /* @__PURE__ */ new WeakMap(),
-      propsCache: /* @__PURE__ */ new WeakMap(),
-      emitsCache: /* @__PURE__ */ new WeakMap()
-    };
-  }
-  let uid$1 = 0;
-  function createAppAPI(render, hydrate) {
-    return function createApp(rootComponent, rootProps = null) {
-      if (!isFunction(rootComponent)) {
-        rootComponent = extend({}, rootComponent);
-      }
-      if (rootProps != null && !isObject(rootProps)) {
-        warn$1(`root props passed to app.mount() must be an object.`);
-        rootProps = null;
-      }
-      const context = createAppContext();
-      const installedPlugins = /* @__PURE__ */ new WeakSet();
-      const pluginCleanupFns = [];
-      let isMounted = false;
-      const app = context.app = {
-        _uid: uid$1++,
-        _component: rootComponent,
-        _props: rootProps,
-        _container: null,
-        _context: context,
-        _instance: null,
-        version,
-        get config() {
-          return context.config;
-        },
-        set config(v) {
-          {
-            warn$1(
-              `app.config cannot be replaced. Modify individual options instead.`
-            );
-          }
-        },
-        use(plugin, ...options) {
-          if (installedPlugins.has(plugin)) {
-            warn$1(`Plugin has already been applied to target app.`);
-          } else if (plugin && isFunction(plugin.install)) {
-            installedPlugins.add(plugin);
-            plugin.install(app, ...options);
-          } else if (isFunction(plugin)) {
-            installedPlugins.add(plugin);
-            plugin(app, ...options);
-          } else {
-            warn$1(
-              `A plugin must either be a function or an object with an "install" function.`
-            );
-          }
-          return app;
-        },
-        mixin(mixin) {
-          {
-            if (!context.mixins.includes(mixin)) {
-              context.mixins.push(mixin);
-            } else {
-              warn$1(
-                "Mixin has already been applied to target app" + (mixin.name ? `: ${mixin.name}` : "")
-              );
-            }
-          }
-          return app;
-        },
-        component(name, component) {
-          {
-            validateComponentName(name, context.config);
-          }
-          if (!component) {
-            return context.components[name];
-          }
-          if (context.components[name]) {
-            warn$1(`Component "${name}" has already been registered in target app.`);
-          }
-          context.components[name] = component;
-          return app;
-        },
-        directive(name, directive) {
-          {
-            validateDirectiveName(name);
-          }
-          if (!directive) {
-            return context.directives[name];
-          }
-          if (context.directives[name]) {
-            warn$1(`Directive "${name}" has already been registered in target app.`);
-          }
-          context.directives[name] = directive;
-          return app;
-        },
-        mount(rootContainer, isHydrate, namespace) {
-          if (!isMounted) {
-            if (rootContainer.__vue_app__) {
-              warn$1(
-                `There is already an app instance mounted on the host container.
- If you want to mount another app on the same host container, you need to unmount the previous app by calling \`app.unmount()\` first.`
-              );
-            }
-            const vnode = app._ceVNode || createVNode(rootComponent, rootProps);
-            vnode.appContext = context;
-            if (namespace === true) {
-              namespace = "svg";
-            } else if (namespace === false) {
-              namespace = void 0;
-            }
-            {
-              context.reload = () => {
-                const cloned = cloneVNode(vnode);
-                cloned.el = null;
-                render(cloned, rootContainer, namespace);
-              };
-            }
-            if (isHydrate && hydrate) {
-              hydrate(vnode, rootContainer);
-            } else {
-              render(vnode, rootContainer, namespace);
-            }
-            isMounted = true;
-            app._container = rootContainer;
-            rootContainer.__vue_app__ = app;
-            {
-              app._instance = vnode.component;
-              devtoolsInitApp(app, version);
-            }
-            return getComponentPublicInstance(vnode.component);
-          } else {
-            warn$1(
-              `App has already been mounted.
-If you want to remount the same app, move your app creation logic into a factory function and create fresh app instances for each mount - e.g. \`const createMyApp = () => createApp(App)\``
-            );
-          }
-        },
-        onUnmount(cleanupFn) {
-          if (typeof cleanupFn !== "function") {
-            warn$1(
-              `Expected function as first argument to app.onUnmount(), but got ${typeof cleanupFn}`
-            );
-          }
-          pluginCleanupFns.push(cleanupFn);
-        },
-        unmount() {
-          if (isMounted) {
-            callWithAsyncErrorHandling(
-              pluginCleanupFns,
-              app._instance,
-              16
-            );
-            render(null, app._container);
-            {
-              app._instance = null;
-              devtoolsUnmountApp(app);
-            }
-            delete app._container.__vue_app__;
-          } else {
-            warn$1(`Cannot unmount an app that is not mounted.`);
-          }
-        },
-        provide(key, value) {
-          if (key in context.provides) {
-            if (hasOwn(context.provides, key)) {
-              warn$1(
-                `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
-              );
-            } else {
-              warn$1(
-                `App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`
-              );
-            }
-          }
-          context.provides[key] = value;
-          return app;
-        },
-        runWithContext(fn) {
-          const lastApp = currentApp;
-          currentApp = app;
-          try {
-            return fn();
-          } finally {
-            currentApp = lastApp;
-          }
-        }
-      };
-      return app;
-    };
-  }
-  let currentApp = null;
-
-  function useModel(props, name, options = EMPTY_OBJ) {
-    const i = getCurrentInstance();
-    if (!i) {
-      warn$1(`useModel() called without active instance.`);
-      return ref();
-    }
-    const camelizedName = camelize(name);
-    if (!i.propsOptions[0][camelizedName]) {
-      warn$1(`useModel() called with prop "${name}" which is not declared.`);
-      return ref();
-    }
-    const hyphenatedName = hyphenate(name);
-    const modifiers = getModelModifiers(props, camelizedName);
-    const res = customRef((track, trigger) => {
-      let localValue;
-      let prevSetValue = EMPTY_OBJ;
-      let prevEmittedValue;
-      watchSyncEffect(() => {
-        const propValue = props[camelizedName];
-        if (hasChanged(localValue, propValue)) {
-          localValue = propValue;
-          trigger();
-        }
-      });
-      return {
-        get() {
-          track();
-          return options.get ? options.get(localValue) : localValue;
-        },
-        set(value) {
-          const emittedValue = options.set ? options.set(value) : value;
-          if (!hasChanged(emittedValue, localValue) && !(prevSetValue !== EMPTY_OBJ && hasChanged(value, prevSetValue))) {
-            return;
-          }
-          const rawProps = i.vnode.props;
-          if (!(rawProps && // check if parent has passed v-model
-          (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps))) {
-            localValue = value;
-            trigger();
-          }
-          i.emit(`update:${name}`, emittedValue);
-          if (hasChanged(value, emittedValue) && hasChanged(value, prevSetValue) && !hasChanged(emittedValue, prevEmittedValue)) {
-            trigger();
-          }
-          prevSetValue = value;
-          prevEmittedValue = emittedValue;
-        }
-      };
-    });
-    res[Symbol.iterator] = () => {
-      let i2 = 0;
-      return {
-        next() {
-          if (i2 < 2) {
-            return { value: i2++ ? modifiers || EMPTY_OBJ : res, done: false };
-          } else {
-            return { done: true };
-          }
-        }
-      };
-    };
-    return res;
-  }
-  const getModelModifiers = (props, modelName) => {
-    return modelName === "modelValue" || modelName === "model-value" ? props.modelModifiers : props[`${modelName}Modifiers`] || props[`${camelize(modelName)}Modifiers`] || props[`${hyphenate(modelName)}Modifiers`];
-  };
-
-  function emit(instance, event, ...rawArgs) {
-    if (instance.isUnmounted) return;
-    const props = instance.vnode.props || EMPTY_OBJ;
-    {
-      const {
-        emitsOptions,
-        propsOptions: [propsOptions]
-      } = instance;
-      if (emitsOptions) {
-        if (!(event in emitsOptions) && true) {
-          if (!propsOptions || !(toHandlerKey(camelize(event)) in propsOptions)) {
-            warn$1(
-              `Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey(camelize(event))}" prop.`
-            );
-          }
-        } else {
-          const validator = emitsOptions[event];
-          if (isFunction(validator)) {
-            const isValid = validator(...rawArgs);
-            if (!isValid) {
-              warn$1(
-                `Invalid event arguments: event validation failed for event "${event}".`
-              );
-            }
-          }
-        }
-      }
-    }
-    let args = rawArgs;
-    const isModelListener = event.startsWith("update:");
-    const modifiers = isModelListener && getModelModifiers(props, event.slice(7));
-    if (modifiers) {
-      if (modifiers.trim) {
-        args = rawArgs.map((a) => isString(a) ? a.trim() : a);
-      }
-      if (modifiers.number) {
-        args = rawArgs.map(looseToNumber);
-      }
-    }
-    {
-      devtoolsComponentEmit(instance, event, args);
-    }
-    {
-      const lowerCaseEvent = event.toLowerCase();
-      if (lowerCaseEvent !== event && props[toHandlerKey(lowerCaseEvent)]) {
-        warn$1(
-          `Event "${lowerCaseEvent}" is emitted in component ${formatComponentName(
-          instance,
-          instance.type
-        )} but the handler is registered for "${event}". Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use "${hyphenate(
-          event
-        )}" instead of "${event}".`
-        );
-      }
-    }
-    let handlerName;
-    let handler = props[handlerName = toHandlerKey(event)] || // also try camelCase event handler (#2249)
-    props[handlerName = toHandlerKey(camelize(event))];
-    if (!handler && isModelListener) {
-      handler = props[handlerName = toHandlerKey(hyphenate(event))];
-    }
-    if (handler) {
-      callWithAsyncErrorHandling(
-        handler,
-        instance,
-        6,
-        args
-      );
-    }
-    const onceHandler = props[handlerName + `Once`];
-    if (onceHandler) {
-      if (!instance.emitted) {
-        instance.emitted = {};
-      } else if (instance.emitted[handlerName]) {
-        return;
-      }
-      instance.emitted[handlerName] = true;
-      callWithAsyncErrorHandling(
-        onceHandler,
-        instance,
-        6,
-        args
-      );
-    }
-  }
-  const mixinEmitsCache = /* @__PURE__ */ new WeakMap();
-  function normalizeEmitsOptions(comp, appContext, asMixin = false) {
-    const cache = asMixin ? mixinEmitsCache : appContext.emitsCache;
-    const cached = cache.get(comp);
-    if (cached !== void 0) {
-      return cached;
-    }
-    const raw = comp.emits;
-    let normalized = {};
-    let hasExtends = false;
-    if (!isFunction(comp)) {
-      const extendEmits = (raw2) => {
-        const normalizedFromExtend = normalizeEmitsOptions(raw2, appContext, true);
-        if (normalizedFromExtend) {
-          hasExtends = true;
-          extend(normalized, normalizedFromExtend);
-        }
-      };
-      if (!asMixin && appContext.mixins.length) {
-        appContext.mixins.forEach(extendEmits);
-      }
-      if (comp.extends) {
-        extendEmits(comp.extends);
-      }
-      if (comp.mixins) {
-        comp.mixins.forEach(extendEmits);
-      }
-    }
-    if (!raw && !hasExtends) {
-      if (isObject(comp)) {
-        cache.set(comp, null);
-      }
-      return null;
-    }
-    if (isArray(raw)) {
-      raw.forEach((key) => normalized[key] = null);
-    } else {
-      extend(normalized, raw);
-    }
-    if (isObject(comp)) {
-      cache.set(comp, normalized);
-    }
-    return normalized;
-  }
-  function isEmitListener(options, key) {
-    if (!options || !isOn(key)) {
-      return false;
-    }
-    key = key.slice(2).replace(/Once$/, "");
-    return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
-  }
-
-  let accessedAttrs = false;
-  function markAttrsAccessed() {
-    accessedAttrs = true;
-  }
-  function renderComponentRoot(instance) {
-    const {
-      type: Component,
-      vnode,
-      proxy,
-      withProxy,
-      propsOptions: [propsOptions],
-      slots,
-      attrs,
-      emit,
-      render,
-      renderCache,
-      props,
-      data,
-      setupState,
-      ctx,
-      inheritAttrs
-    } = instance;
-    const prev = setCurrentRenderingInstance(instance);
-    let result;
-    let fallthroughAttrs;
-    {
-      accessedAttrs = false;
-    }
-    try {
-      if (vnode.shapeFlag & 4) {
-        const proxyToUse = withProxy || proxy;
-        const thisProxy = setupState.__isScriptSetup ? new Proxy(proxyToUse, {
-          get(target, key, receiver) {
-            warn$1(
-              `Property '${String(
-              key
-            )}' was accessed via 'this'. Avoid using 'this' in templates.`
-            );
-            return Reflect.get(target, key, receiver);
-          }
-        }) : proxyToUse;
-        result = normalizeVNode(
-          render.call(
-            thisProxy,
-            proxyToUse,
-            renderCache,
-            true ? shallowReadonly(props) : props,
-            setupState,
-            data,
-            ctx
-          )
-        );
-        fallthroughAttrs = attrs;
-      } else {
-        const render2 = Component;
-        if (attrs === props) {
-          markAttrsAccessed();
-        }
-        result = normalizeVNode(
-          render2.length > 1 ? render2(
-            true ? shallowReadonly(props) : props,
-            true ? {
-              get attrs() {
-                markAttrsAccessed();
-                return shallowReadonly(attrs);
-              },
-              slots,
-              emit
-            } : { attrs, slots, emit }
-          ) : render2(
-            true ? shallowReadonly(props) : props,
-            null
-          )
-        );
-        fallthroughAttrs = Component.props ? attrs : getFunctionalFallthrough(attrs);
-      }
-    } catch (err) {
-      blockStack.length = 0;
-      handleError(err, instance, 1);
-      result = createVNode(Comment);
-    }
-    let root = result;
-    let setRoot = void 0;
-    if (result.patchFlag > 0 && result.patchFlag & 2048) {
-      [root, setRoot] = getChildRoot(result);
-    }
-    if (fallthroughAttrs && inheritAttrs !== false) {
-      const keys = Object.keys(fallthroughAttrs);
-      const { shapeFlag } = root;
-      if (keys.length) {
-        if (shapeFlag & (1 | 6)) {
-          if (propsOptions && keys.some(isModelListener)) {
-            fallthroughAttrs = filterModelListeners(
-              fallthroughAttrs,
-              propsOptions
-            );
-          }
-          root = cloneVNode(root, fallthroughAttrs, false, true);
-        } else if (!accessedAttrs && root.type !== Comment) {
-          const allAttrs = Object.keys(attrs);
-          const eventAttrs = [];
-          const extraAttrs = [];
-          for (let i = 0, l = allAttrs.length; i < l; i++) {
-            const key = allAttrs[i];
-            if (isOn(key)) {
-              if (!isModelListener(key)) {
-                eventAttrs.push(key[2].toLowerCase() + key.slice(3));
-              }
-            } else {
-              extraAttrs.push(key);
-            }
-          }
-          if (extraAttrs.length) {
-            warn$1(
-              `Extraneous non-props attributes (${extraAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text or teleport root nodes.`
-            );
-          }
-          if (eventAttrs.length) {
-            warn$1(
-              `Extraneous non-emits event listeners (${eventAttrs.join(", ")}) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.`
-            );
-          }
-        }
-      }
-    }
-    if (vnode.dirs) {
-      if (!isElementRoot(root)) {
-        warn$1(
-          `Runtime directive used on component with non-element root node. The directives will not function as intended.`
-        );
-      }
-      root = cloneVNode(root, null, false, true);
-      root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
-    }
-    if (vnode.transition) {
-      if (!isElementRoot(root)) {
-        warn$1(
-          `Component inside <Transition> renders non-element root node that cannot be animated.`
-        );
-      }
-      setTransitionHooks(root, vnode.transition);
-    }
-    if (setRoot) {
-      setRoot(root);
-    } else {
-      result = root;
-    }
-    setCurrentRenderingInstance(prev);
-    return result;
-  }
-  const getChildRoot = (vnode) => {
-    const rawChildren = vnode.children;
-    const dynamicChildren = vnode.dynamicChildren;
-    const childRoot = filterSingleRoot(rawChildren, false);
-    if (!childRoot) {
-      return [vnode, void 0];
-    } else if (childRoot.patchFlag > 0 && childRoot.patchFlag & 2048) {
-      return getChildRoot(childRoot);
-    }
-    const index = rawChildren.indexOf(childRoot);
-    const dynamicIndex = dynamicChildren ? dynamicChildren.indexOf(childRoot) : -1;
-    const setRoot = (updatedRoot) => {
-      rawChildren[index] = updatedRoot;
-      if (dynamicChildren) {
-        if (dynamicIndex > -1) {
-          dynamicChildren[dynamicIndex] = updatedRoot;
-        } else if (updatedRoot.patchFlag > 0) {
-          vnode.dynamicChildren = [...dynamicChildren, updatedRoot];
-        }
-      }
-    };
-    return [normalizeVNode(childRoot), setRoot];
-  };
-  function filterSingleRoot(children, recurse = true) {
-    let singleRoot;
-    for (let i = 0; i < children.length; i++) {
-      const child = children[i];
-      if (isVNode(child)) {
-        if (child.type !== Comment || child.children === "v-if") {
-          if (singleRoot) {
-            return;
-          } else {
-            singleRoot = child;
-            if (recurse && singleRoot.patchFlag > 0 && singleRoot.patchFlag & 2048) {
-              return filterSingleRoot(singleRoot.children);
-            }
-          }
-        }
-      } else {
-        return;
-      }
-    }
-    return singleRoot;
-  }
-  const getFunctionalFallthrough = (attrs) => {
-    let res;
-    for (const key in attrs) {
-      if (key === "class" || key === "style" || isOn(key)) {
-        (res || (res = {}))[key] = attrs[key];
-      }
-    }
-    return res;
-  };
-  const filterModelListeners = (attrs, props) => {
-    const res = {};
-    for (const key in attrs) {
-      if (!isModelListener(key) || !(key.slice(9) in props)) {
-        res[key] = attrs[key];
-      }
-    }
-    return res;
-  };
-  const isElementRoot = (vnode) => {
-    return vnode.shapeFlag & (6 | 1) || vnode.type === Comment;
-  };
-  function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
-    const { props: prevProps, children: prevChildren, component } = prevVNode;
-    const { props: nextProps, children: nextChildren, patchFlag } = nextVNode;
-    const emits = component.emitsOptions;
-    if ((prevChildren || nextChildren) && isHmrUpdating) {
-      return true;
-    }
-    if (nextVNode.dirs || nextVNode.transition) {
-      return true;
-    }
-    if (optimized && patchFlag >= 0) {
-      if (patchFlag & 1024) {
-        return true;
-      }
-      if (patchFlag & 16) {
-        if (!prevProps) {
-          return !!nextProps;
-        }
-        return hasPropsChanged(prevProps, nextProps, emits);
-      } else if (patchFlag & 8) {
-        const dynamicProps = nextVNode.dynamicProps;
-        for (let i = 0; i < dynamicProps.length; i++) {
-          const key = dynamicProps[i];
-          if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emits, key)) {
-            return true;
-          }
-        }
-      }
-    } else {
-      if (prevChildren || nextChildren) {
-        if (!nextChildren || !nextChildren.$stable) {
-          return true;
-        }
-      }
-      if (prevProps === nextProps) {
-        return false;
-      }
-      if (!prevProps) {
-        return !!nextProps;
-      }
-      if (!nextProps) {
-        return true;
-      }
-      return hasPropsChanged(prevProps, nextProps, emits);
-    }
-    return false;
-  }
-  function hasPropsChanged(prevProps, nextProps, emitsOptions) {
-    const nextKeys = Object.keys(nextProps);
-    if (nextKeys.length !== Object.keys(prevProps).length) {
-      return true;
-    }
-    for (let i = 0; i < nextKeys.length; i++) {
-      const key = nextKeys[i];
-      if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) {
-        return true;
-      }
-    }
-    return false;
-  }
-  function hasPropValueChanged(nextProps, prevProps, key) {
-    const nextProp = nextProps[key];
-    const prevProp = prevProps[key];
-    if (key === "style" && isObject(nextProp) && isObject(prevProp)) {
-      return !looseEqual(nextProp, prevProp);
-    }
-    return nextProp !== prevProp;
-  }
-  function updateHOCHostEl({ vnode, parent }, el) {
-    while (parent) {
-      const root = parent.subTree;
-      if (root.suspense && root.suspense.activeBranch === vnode) {
-        root.el = vnode.el;
-      }
-      if (root === vnode) {
-        (vnode = parent.vnode).el = el;
-        parent = parent.parent;
-      } else {
-        break;
-      }
-    }
-  }
-
-  const internalObjectProto = {};
-  const createInternalObject = () => Object.create(internalObjectProto);
-  const isInternalObject = (obj) => Object.getPrototypeOf(obj) === internalObjectProto;
-
-  function initProps(instance, rawProps, isStateful, isSSR = false) {
-    const props = {};
-    const attrs = createInternalObject();
-    instance.propsDefaults = /* @__PURE__ */ Object.create(null);
-    setFullProps(instance, rawProps, props, attrs);
-    for (const key in instance.propsOptions[0]) {
-      if (!(key in props)) {
-        props[key] = void 0;
-      }
-    }
-    {
-      validateProps(rawProps || {}, props, instance);
-    }
-    if (isStateful) {
-      instance.props = isSSR ? props : shallowReactive(props);
-    } else {
-      if (!instance.type.props) {
-        instance.props = attrs;
-      } else {
-        instance.props = props;
-      }
-    }
-    instance.attrs = attrs;
-  }
-  function isInHmrContext(instance) {
-    while (instance) {
-      if (instance.type.__hmrId) return true;
-      instance = instance.parent;
-    }
-  }
-  function updateProps(instance, rawProps, rawPrevProps, optimized) {
-    const {
-      props,
-      attrs,
-      vnode: { patchFlag }
-    } = instance;
-    const rawCurrentProps = toRaw(props);
-    const [options] = instance.propsOptions;
-    let hasAttrsChanged = false;
-    if (
-      // always force full diff in dev
-      // - #1942 if hmr is enabled with sfc component
-      // - vite#872 non-sfc component used by sfc component
-      !isInHmrContext(instance) && (optimized || patchFlag > 0) && !(patchFlag & 16)
-    ) {
-      if (patchFlag & 8) {
-        const propsToUpdate = instance.vnode.dynamicProps;
-        for (let i = 0; i < propsToUpdate.length; i++) {
-          let key = propsToUpdate[i];
-          if (isEmitListener(instance.emitsOptions, key)) {
-            continue;
-          }
-          const value = rawProps[key];
-          if (options) {
-            if (hasOwn(attrs, key)) {
-              if (value !== attrs[key]) {
-                attrs[key] = value;
-                hasAttrsChanged = true;
-              }
-            } else {
-              const camelizedKey = camelize(key);
-              props[camelizedKey] = resolvePropValue(
-                options,
-                rawCurrentProps,
-                camelizedKey,
-                value,
-                instance,
-                false
-              );
-            }
-          } else {
-            if (value !== attrs[key]) {
-              attrs[key] = value;
-              hasAttrsChanged = true;
-            }
-          }
-        }
-      }
-    } else {
-      if (setFullProps(instance, rawProps, props, attrs)) {
-        hasAttrsChanged = true;
-      }
-      let kebabKey;
-      for (const key in rawCurrentProps) {
-        if (!rawProps || // for camelCase
-        !hasOwn(rawProps, key) && // it's possible the original props was passed in as kebab-case
-        // and converted to camelCase (#955)
-        ((kebabKey = hyphenate(key)) === key || !hasOwn(rawProps, kebabKey))) {
-          if (options) {
-            if (rawPrevProps && // for camelCase
-            (rawPrevProps[key] !== void 0 || // for kebab-case
-            rawPrevProps[kebabKey] !== void 0)) {
-              props[key] = resolvePropValue(
-                options,
-                rawCurrentProps,
-                key,
-                void 0,
-                instance,
-                true
-              );
-            }
-          } else {
-            delete props[key];
-          }
-        }
-      }
-      if (attrs !== rawCurrentProps) {
-        for (const key in attrs) {
-          if (!rawProps || !hasOwn(rawProps, key) && true) {
-            delete attrs[key];
-            hasAttrsChanged = true;
-          }
-        }
-      }
-    }
-    if (hasAttrsChanged) {
-      trigger(instance.attrs, "set", "");
-    }
-    {
-      validateProps(rawProps || {}, props, instance);
-    }
-  }
-  function setFullProps(instance, rawProps, props, attrs) {
-    const [options, needCastKeys] = instance.propsOptions;
-    let hasAttrsChanged = false;
-    let rawCastValues;
-    if (rawProps) {
-      for (let key in rawProps) {
-        if (isReservedProp(key)) {
-          continue;
-        }
-        const value = rawProps[key];
-        let camelKey;
-        if (options && hasOwn(options, camelKey = camelize(key))) {
-          if (!needCastKeys || !needCastKeys.includes(camelKey)) {
-            props[camelKey] = value;
-          } else {
-            (rawCastValues || (rawCastValues = {}))[camelKey] = value;
-          }
-        } else if (!isEmitListener(instance.emitsOptions, key)) {
-          if (!(key in attrs) || value !== attrs[key]) {
-            attrs[key] = value;
-            hasAttrsChanged = true;
-          }
-        }
-      }
-    }
-    if (needCastKeys) {
-      const rawCurrentProps = toRaw(props);
-      const castValues = rawCastValues || EMPTY_OBJ;
-      for (let i = 0; i < needCastKeys.length; i++) {
-        const key = needCastKeys[i];
-        props[key] = resolvePropValue(
-          options,
-          rawCurrentProps,
-          key,
-          castValues[key],
-          instance,
-          !hasOwn(castValues, key)
-        );
-      }
-    }
-    return hasAttrsChanged;
-  }
-  function resolvePropValue(options, props, key, value, instance, isAbsent) {
-    const opt = options[key];
-    if (opt != null) {
-      const hasDefault = hasOwn(opt, "default");
-      if (hasDefault && value === void 0) {
-        const defaultValue = opt.default;
-        if (opt.type !== Function && !opt.skipFactory && isFunction(defaultValue)) {
-          const { propsDefaults } = instance;
-          if (key in propsDefaults) {
-            value = propsDefaults[key];
-          } else {
-            const reset = setCurrentInstance(instance);
-            value = propsDefaults[key] = defaultValue.call(
-              null,
-              props
-            );
-            reset();
-          }
-        } else {
-          value = defaultValue;
-        }
-        if (instance.ce) {
-          instance.ce._setProp(key, value);
-        }
-      }
-      if (opt[0 /* shouldCast */]) {
-        if (isAbsent && !hasDefault) {
-          value = false;
-        } else if (opt[1 /* shouldCastTrue */] && (value === "" || value === hyphenate(key))) {
-          value = true;
-        }
-      }
-    }
-    return value;
-  }
-  const mixinPropsCache = /* @__PURE__ */ new WeakMap();
-  function normalizePropsOptions(comp, appContext, asMixin = false) {
-    const cache = asMixin ? mixinPropsCache : appContext.propsCache;
-    const cached = cache.get(comp);
-    if (cached) {
-      return cached;
-    }
-    const raw = comp.props;
-    const normalized = {};
-    const needCastKeys = [];
-    let hasExtends = false;
-    if (!isFunction(comp)) {
-      const extendProps = (raw2) => {
-        hasExtends = true;
-        const [props, keys] = normalizePropsOptions(raw2, appContext, true);
-        extend(normalized, props);
-        if (keys) needCastKeys.push(...keys);
-      };
-      if (!asMixin && appContext.mixins.length) {
-        appContext.mixins.forEach(extendProps);
-      }
-      if (comp.extends) {
-        extendProps(comp.extends);
-      }
-      if (comp.mixins) {
-        comp.mixins.forEach(extendProps);
-      }
-    }
-    if (!raw && !hasExtends) {
-      if (isObject(comp)) {
-        cache.set(comp, EMPTY_ARR);
-      }
-      return EMPTY_ARR;
-    }
-    if (isArray(raw)) {
-      for (let i = 0; i < raw.length; i++) {
-        if (!isString(raw[i])) {
-          warn$1(`props must be strings when using array syntax.`, raw[i]);
-        }
-        const normalizedKey = camelize(raw[i]);
-        if (validatePropName(normalizedKey)) {
-          normalized[normalizedKey] = EMPTY_OBJ;
-        }
-      }
-    } else if (raw) {
-      if (!isObject(raw)) {
-        warn$1(`invalid props options`, raw);
-      }
-      for (const key in raw) {
-        const normalizedKey = camelize(key);
-        if (validatePropName(normalizedKey)) {
-          const opt = raw[key];
-          const prop = normalized[normalizedKey] = isArray(opt) || isFunction(opt) ? { type: opt } : extend({}, opt);
-          const propType = prop.type;
-          let shouldCast = false;
-          let shouldCastTrue = true;
-          if (isArray(propType)) {
-            for (let index = 0; index < propType.length; ++index) {
-              const type = propType[index];
-              const typeName = isFunction(type) && type.name;
-              if (typeName === "Boolean") {
-                shouldCast = true;
-                break;
-              } else if (typeName === "String") {
-                shouldCastTrue = false;
-              }
-            }
-          } else {
-            shouldCast = isFunction(propType) && propType.name === "Boolean";
-          }
-          prop[0 /* shouldCast */] = shouldCast;
-          prop[1 /* shouldCastTrue */] = shouldCastTrue;
-          if (shouldCast || hasOwn(prop, "default")) {
-            needCastKeys.push(normalizedKey);
-          }
-        }
-      }
-    }
-    const res = [normalized, needCastKeys];
-    if (isObject(comp)) {
-      cache.set(comp, res);
-    }
-    return res;
-  }
-  function validatePropName(key) {
-    if (key[0] !== "$" && !isReservedProp(key)) {
-      return true;
-    } else {
-      warn$1(`Invalid prop name: "${key}" is a reserved property.`);
-    }
-    return false;
-  }
-  function getType(ctor) {
-    if (ctor === null) {
-      return "null";
-    }
-    if (typeof ctor === "function") {
-      return ctor.name || "";
-    } else if (typeof ctor === "object") {
-      const name = ctor.constructor && ctor.constructor.name;
-      return name || "";
-    }
-    return "";
-  }
-  function validateProps(rawProps, props, instance) {
-    const resolvedValues = toRaw(props);
-    const options = instance.propsOptions[0];
-    const camelizePropsKey = Object.keys(rawProps).map((key) => camelize(key));
-    for (const key in options) {
-      let opt = options[key];
-      if (opt == null) continue;
-      validateProp(
-        key,
-        resolvedValues[key],
-        opt,
-        shallowReadonly(resolvedValues) ,
-        !camelizePropsKey.includes(key)
-      );
-    }
-  }
-  function validateProp(name, value, prop, props, isAbsent) {
-    const { type, required, validator, skipCheck } = prop;
-    if (required && isAbsent) {
-      warn$1('Missing required prop: "' + name + '"');
-      return;
-    }
-    if (value == null && !required) {
-      return;
-    }
-    if (type != null && type !== true && !skipCheck) {
-      let isValid = false;
-      const types = isArray(type) ? type : [type];
-      const expectedTypes = [];
-      for (let i = 0; i < types.length && !isValid; i++) {
-        const { valid, expectedType } = assertType(value, types[i]);
-        expectedTypes.push(expectedType || "");
-        isValid = valid;
-      }
-      if (!isValid) {
-        warn$1(getInvalidTypeMessage(name, value, expectedTypes));
-        return;
-      }
-    }
-    if (validator && !validator(value, props)) {
-      warn$1('Invalid prop: custom validator check failed for prop "' + name + '".');
-    }
-  }
-  const isSimpleType = /* @__PURE__ */ makeMap(
-    "String,Number,Boolean,Function,Symbol,BigInt"
-  );
-  function assertType(value, type) {
-    let valid;
-    const expectedType = getType(type);
-    if (expectedType === "null") {
-      valid = value === null;
-    } else if (isSimpleType(expectedType)) {
-      const t = typeof value;
-      valid = t === expectedType.toLowerCase();
-      if (!valid && t === "object") {
-        valid = value instanceof type;
-      }
-    } else if (expectedType === "Object") {
-      valid = isObject(value);
-    } else if (expectedType === "Array") {
-      valid = isArray(value);
-    } else {
-      valid = value instanceof type;
-    }
-    return {
-      valid,
-      expectedType
-    };
-  }
-  function getInvalidTypeMessage(name, value, expectedTypes) {
-    if (expectedTypes.length === 0) {
-      return `Prop type [] for prop "${name}" won't match anything. Did you mean to use type Array instead?`;
-    }
-    let message = `Invalid prop: type check failed for prop "${name}". Expected ${expectedTypes.map(capitalize).join(" | ")}`;
-    const expectedType = expectedTypes[0];
-    const receivedType = toRawType(value);
-    const expectedValue = styleValue(value, expectedType);
-    const receivedValue = styleValue(value, receivedType);
-    if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) {
-      message += ` with value ${expectedValue}`;
-    }
-    message += `, got ${receivedType} `;
-    if (isExplicable(receivedType)) {
-      message += `with value ${receivedValue}.`;
-    }
-    return message;
-  }
-  function styleValue(value, type) {
-    if (type === "String") {
-      return `"${value}"`;
-    } else if (type === "Number") {
-      return `${Number(value)}`;
-    } else {
-      return `${value}`;
-    }
-  }
-  function isExplicable(type) {
-    const explicitTypes = ["string", "number", "boolean"];
-    return explicitTypes.some((elem) => type.toLowerCase() === elem);
-  }
-  function isBoolean(...args) {
-    return args.some((elem) => elem.toLowerCase() === "boolean");
-  }
-
-  const isInternalKey = (key) => key === "_" || key === "_ctx" || key === "$stable";
-  const normalizeSlotValue = (value) => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
-  const normalizeSlot = (key, rawSlot, ctx) => {
-    if (rawSlot._n) {
-      return rawSlot;
-    }
-    const normalized = withCtx((...args) => {
-      if (currentInstance && !(ctx === null && currentRenderingInstance) && !(ctx && ctx.root !== currentInstance.root)) {
-        warn$1(
-          `Slot "${key}" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead.`
-        );
-      }
-      return normalizeSlotValue(rawSlot(...args));
-    }, ctx);
-    normalized._c = false;
-    return normalized;
-  };
-  const normalizeObjectSlots = (rawSlots, slots, instance) => {
-    const ctx = rawSlots._ctx;
-    for (const key in rawSlots) {
-      if (isInternalKey(key)) continue;
-      const value = rawSlots[key];
-      if (isFunction(value)) {
-        slots[key] = normalizeSlot(key, value, ctx);
-      } else if (value != null) {
-        {
-          warn$1(
-            `Non-function value encountered for slot "${key}". Prefer function slots for better performance.`
-          );
-        }
-        const normalized = normalizeSlotValue(value);
-        slots[key] = () => normalized;
-      }
-    }
-  };
-  const normalizeVNodeSlots = (instance, children) => {
-    if (!isKeepAlive(instance.vnode) && true) {
-      warn$1(
-        `Non-function value encountered for default slot. Prefer function slots for better performance.`
-      );
-    }
-    const normalized = normalizeSlotValue(children);
-    instance.slots.default = () => normalized;
-  };
-  const assignSlots = (slots, children, optimized) => {
-    for (const key in children) {
-      if (optimized || !isInternalKey(key)) {
-        slots[key] = children[key];
-      }
-    }
-  };
-  const initSlots = (instance, children, optimized) => {
-    const slots = instance.slots = createInternalObject();
-    if (instance.vnode.shapeFlag & 32) {
-      const type = children._;
-      if (type) {
-        assignSlots(slots, children, optimized);
-        if (optimized) {
-          def(slots, "_", type, true);
-        }
-      } else {
-        normalizeObjectSlots(children, slots);
-      }
-    } else if (children) {
-      normalizeVNodeSlots(instance, children);
-    }
-  };
-  const updateSlots = (instance, children, optimized) => {
-    const { vnode, slots } = instance;
-    let needDeletionCheck = true;
-    let deletionComparisonTarget = EMPTY_OBJ;
-    if (vnode.shapeFlag & 32) {
-      const type = children._;
-      if (type) {
-        if (isHmrUpdating) {
-          assignSlots(slots, children, optimized);
-          trigger(instance, "set", "$slots");
-        } else if (optimized && type === 1) {
-          needDeletionCheck = false;
-        } else {
-          assignSlots(slots, children, optimized);
-        }
-      } else {
-        needDeletionCheck = !children.$stable;
-        normalizeObjectSlots(children, slots);
-      }
-      deletionComparisonTarget = children;
-    } else if (children) {
-      normalizeVNodeSlots(instance, children);
-      deletionComparisonTarget = { default: 1 };
-    }
-    if (needDeletionCheck) {
-      for (const key in slots) {
-        if (!isInternalKey(key) && deletionComparisonTarget[key] == null) {
-          delete slots[key];
-        }
-      }
-    }
-  };
-
-  let supported;
-  let perf;
-  function startMeasure(instance, type) {
-    if (instance.appContext.config.performance && isSupported()) {
-      perf.mark(`vue-${type}-${instance.uid}`);
-    }
-    {
-      devtoolsPerfStart(instance, type, isSupported() ? perf.now() : Date.now());
-    }
-  }
-  function endMeasure(instance, type) {
-    if (instance.appContext.config.performance && isSupported()) {
-      const startTag = `vue-${type}-${instance.uid}`;
-      const endTag = startTag + `:end`;
-      const measureName = `<${formatComponentName(instance, instance.type)}> ${type}`;
-      perf.mark(endTag);
-      perf.measure(measureName, startTag, endTag);
-      perf.clearMeasures(measureName);
-      perf.clearMarks(startTag);
-      perf.clearMarks(endTag);
-    }
-    {
-      devtoolsPerfEnd(instance, type, isSupported() ? perf.now() : Date.now());
-    }
-  }
-  function isSupported() {
-    if (supported !== void 0) {
-      return supported;
-    }
-    if (typeof window !== "undefined" && window.performance) {
-      supported = true;
-      perf = window.performance;
-    } else {
-      supported = false;
-    }
-    return supported;
-  }
-
-  const queuePostRenderEffect = queueEffectWithSuspense ;
-  function createRenderer(options) {
-    return baseCreateRenderer(options);
-  }
-  function createHydrationRenderer(options) {
-    return baseCreateRenderer(options, createHydrationFunctions);
-  }
-  function baseCreateRenderer(options, createHydrationFns) {
-    const target = getGlobalThis();
-    target.__VUE__ = true;
-    {
-      setDevtoolsHook$1(target.__VUE_DEVTOOLS_GLOBAL_HOOK__, target);
-    }
-    const {
-      insert: hostInsert,
-      remove: hostRemove,
-      patchProp: hostPatchProp,
-      createElement: hostCreateElement,
-      createText: hostCreateText,
-      createComment: hostCreateComment,
-      setText: hostSetText,
-      setElementText: hostSetElementText,
-      parentNode: hostParentNode,
-      nextSibling: hostNextSibling,
-      setScopeId: hostSetScopeId = NOOP,
-      insertStaticContent: hostInsertStaticContent
-    } = options;
-    const patch = (n1, n2, container, anchor = null, parentComponent = null, parentSuspense = null, namespace = void 0, slotScopeIds = null, optimized = isHmrUpdating ? false : !!n2.dynamicChildren) => {
-      if (n1 === n2) {
-        return;
-      }
-      if (n1 && !isSameVNodeType(n1, n2)) {
-        anchor = getNextHostNode(n1);
-        unmount(n1, parentComponent, parentSuspense, true);
-        n1 = null;
-      }
-      if (n2.patchFlag === -2) {
-        optimized = false;
-        n2.dynamicChildren = null;
-      }
-      const { type, ref, shapeFlag } = n2;
-      switch (type) {
-        case Text:
-          processText(n1, n2, container, anchor);
-          break;
-        case Comment:
-          processCommentNode(n1, n2, container, anchor);
-          break;
-        case Static:
-          if (n1 == null) {
-            mountStaticNode(n2, container, anchor, namespace);
-          } else {
-            patchStaticNode(n1, n2, container, namespace);
-          }
-          break;
-        case Fragment:
-          processFragment(
-            n1,
-            n2,
-            container,
-            anchor,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-          break;
-        default:
-          if (shapeFlag & 1) {
-            processElement(
-              n1,
-              n2,
-              container,
-              anchor,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-          } else if (shapeFlag & 6) {
-            processComponent(
-              n1,
-              n2,
-              container,
-              anchor,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-          } else if (shapeFlag & 64) {
-            type.process(
-              n1,
-              n2,
-              container,
-              anchor,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized,
-              internals
-            );
-          } else if (shapeFlag & 128) {
-            type.process(
-              n1,
-              n2,
-              container,
-              anchor,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized,
-              internals
-            );
-          } else {
-            warn$1("Invalid VNode type:", type, `(${typeof type})`);
-          }
-      }
-      if (ref != null && parentComponent) {
-        setRef(ref, n1 && n1.ref, parentSuspense, n2 || n1, !n2);
-      } else if (ref == null && n1 && n1.ref != null) {
-        setRef(n1.ref, null, parentSuspense, n1, true);
-      }
-    };
-    const processText = (n1, n2, container, anchor) => {
-      if (n1 == null) {
-        hostInsert(
-          n2.el = hostCreateText(n2.children),
-          container,
-          anchor
-        );
-      } else {
-        const el = n2.el = n1.el;
-        if (n2.children !== n1.children) {
-          hostSetText(el, n2.children);
-        }
-      }
-    };
-    const processCommentNode = (n1, n2, container, anchor) => {
-      if (n1 == null) {
-        hostInsert(
-          n2.el = hostCreateComment(n2.children || ""),
-          container,
-          anchor
-        );
-      } else {
-        n2.el = n1.el;
-      }
-    };
-    const mountStaticNode = (n2, container, anchor, namespace) => {
-      [n2.el, n2.anchor] = hostInsertStaticContent(
-        n2.children,
-        container,
-        anchor,
-        namespace,
-        n2.el,
-        n2.anchor
-      );
-    };
-    const patchStaticNode = (n1, n2, container, namespace) => {
-      if (n2.children !== n1.children) {
-        const anchor = hostNextSibling(n1.anchor);
-        removeStaticNode(n1);
-        [n2.el, n2.anchor] = hostInsertStaticContent(
-          n2.children,
-          container,
-          anchor,
-          namespace
-        );
-      } else {
-        n2.el = n1.el;
-        n2.anchor = n1.anchor;
-      }
-    };
-    const moveStaticNode = ({ el, anchor }, container, nextSibling) => {
-      let next;
-      while (el && el !== anchor) {
-        next = hostNextSibling(el);
-        hostInsert(el, container, nextSibling);
-        el = next;
-      }
-      hostInsert(anchor, container, nextSibling);
-    };
-    const removeStaticNode = ({ el, anchor }) => {
-      let next;
-      while (el && el !== anchor) {
-        next = hostNextSibling(el);
-        hostRemove(el);
-        el = next;
-      }
-      hostRemove(anchor);
-    };
-    const processElement = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
-      if (n2.type === "svg") {
-        namespace = "svg";
-      } else if (n2.type === "math") {
-        namespace = "mathml";
-      }
-      if (n1 == null) {
-        mountElement(
-          n2,
-          container,
-          anchor,
-          parentComponent,
-          parentSuspense,
-          namespace,
-          slotScopeIds,
-          optimized
-        );
-      } else {
-        const customElement = n1.el && n1.el._isVueCE ? n1.el : null;
-        try {
-          if (customElement) {
-            customElement._beginPatch();
-          }
-          patchElement(
-            n1,
-            n2,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-        } finally {
-          if (customElement) {
-            customElement._endPatch();
-          }
-        }
-      }
-    };
-    const mountElement = (vnode, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
-      let el;
-      let vnodeHook;
-      const { props, shapeFlag, transition, dirs } = vnode;
-      el = vnode.el = hostCreateElement(
-        vnode.type,
-        namespace,
-        props && props.is,
-        props
-      );
-      if (shapeFlag & 8) {
-        hostSetElementText(el, vnode.children);
-      } else if (shapeFlag & 16) {
-        mountChildren(
-          vnode.children,
-          el,
-          null,
-          parentComponent,
-          parentSuspense,
-          resolveChildrenNamespace(vnode, namespace),
-          slotScopeIds,
-          optimized
-        );
-      }
-      if (dirs) {
-        invokeDirectiveHook(vnode, null, parentComponent, "created");
-      }
-      setScopeId(el, vnode, vnode.scopeId, slotScopeIds, parentComponent);
-      if (props) {
-        for (const key in props) {
-          if (key !== "value" && !isReservedProp(key)) {
-            hostPatchProp(el, key, null, props[key], namespace, parentComponent);
-          }
-        }
-        if ("value" in props) {
-          hostPatchProp(el, "value", null, props.value, namespace);
-        }
-        if (vnodeHook = props.onVnodeBeforeMount) {
-          invokeVNodeHook(vnodeHook, parentComponent, vnode);
-        }
-      }
-      {
-        def(el, "__vnode", vnode, true);
-        def(el, "__vueParentComponent", parentComponent, true);
-      }
-      if (dirs) {
-        invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
-      }
-      const needCallTransitionHooks = needTransition(parentSuspense, transition);
-      if (needCallTransitionHooks) {
-        transition.beforeEnter(el);
-      }
-      hostInsert(el, container, anchor);
-      if ((vnodeHook = props && props.onVnodeMounted) || needCallTransitionHooks || dirs) {
-        queuePostRenderEffect(() => {
-          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-          needCallTransitionHooks && transition.enter(el);
-          dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
-        }, parentSuspense);
-      }
-    };
-    const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
-      if (scopeId) {
-        hostSetScopeId(el, scopeId);
-      }
-      if (slotScopeIds) {
-        for (let i = 0; i < slotScopeIds.length; i++) {
-          hostSetScopeId(el, slotScopeIds[i]);
-        }
-      }
-      if (parentComponent) {
-        let subTree = parentComponent.subTree;
-        if (subTree.patchFlag > 0 && subTree.patchFlag & 2048) {
-          subTree = filterSingleRoot(subTree.children) || subTree;
-        }
-        if (vnode === subTree || isSuspense(subTree.type) && (subTree.ssContent === vnode || subTree.ssFallback === vnode)) {
-          const parentVNode = parentComponent.vnode;
-          setScopeId(
-            el,
-            parentVNode,
-            parentVNode.scopeId,
-            parentVNode.slotScopeIds,
-            parentComponent.parent
-          );
-        }
-      }
-    };
-    const mountChildren = (children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, start = 0) => {
-      for (let i = start; i < children.length; i++) {
-        const child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]);
-        patch(
-          null,
-          child,
-          container,
-          anchor,
-          parentComponent,
-          parentSuspense,
-          namespace,
-          slotScopeIds,
-          optimized
-        );
-      }
-    };
-    const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
-      const el = n2.el = n1.el;
-      {
-        el.__vnode = n2;
-      }
-      let { patchFlag, dynamicChildren, dirs } = n2;
-      patchFlag |= n1.patchFlag & 16;
-      const oldProps = n1.props || EMPTY_OBJ;
-      const newProps = n2.props || EMPTY_OBJ;
-      let vnodeHook;
-      parentComponent && toggleRecurse(parentComponent, false);
-      if (vnodeHook = newProps.onVnodeBeforeUpdate) {
-        invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-      }
-      if (dirs) {
-        invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
-      }
-      parentComponent && toggleRecurse(parentComponent, true);
-      if (isHmrUpdating) {
-        patchFlag = 0;
-        optimized = false;
-        dynamicChildren = null;
-      }
-      if (oldProps.innerHTML && newProps.innerHTML == null || oldProps.textContent && newProps.textContent == null) {
-        hostSetElementText(el, "");
-      }
-      if (dynamicChildren) {
-        patchBlockChildren(
-          n1.dynamicChildren,
-          dynamicChildren,
-          el,
-          parentComponent,
-          parentSuspense,
-          resolveChildrenNamespace(n2, namespace),
-          slotScopeIds
-        );
-        {
-          traverseStaticChildren(n1, n2);
-        }
-      } else if (!optimized) {
-        patchChildren(
-          n1,
-          n2,
-          el,
-          null,
-          parentComponent,
-          parentSuspense,
-          resolveChildrenNamespace(n2, namespace),
-          slotScopeIds,
-          false
-        );
-      }
-      if (patchFlag > 0) {
-        if (patchFlag & 16) {
-          patchProps(el, oldProps, newProps, parentComponent, namespace);
-        } else {
-          if (patchFlag & 2) {
-            if (oldProps.class !== newProps.class) {
-              hostPatchProp(el, "class", null, newProps.class, namespace);
-            }
-          }
-          if (patchFlag & 4) {
-            hostPatchProp(el, "style", oldProps.style, newProps.style, namespace);
-          }
-          if (patchFlag & 8) {
-            const propsToUpdate = n2.dynamicProps;
-            for (let i = 0; i < propsToUpdate.length; i++) {
-              const key = propsToUpdate[i];
-              const prev = oldProps[key];
-              const next = newProps[key];
-              if (next !== prev || key === "value") {
-                hostPatchProp(el, key, prev, next, namespace, parentComponent);
-              }
-            }
-          }
-        }
-        if (patchFlag & 1) {
-          if (n1.children !== n2.children) {
-            hostSetElementText(el, n2.children);
-          }
-        }
-      } else if (!optimized && dynamicChildren == null) {
-        patchProps(el, oldProps, newProps, parentComponent, namespace);
-      }
-      if ((vnodeHook = newProps.onVnodeUpdated) || dirs) {
-        queuePostRenderEffect(() => {
-          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
-          dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
-        }, parentSuspense);
-      }
-    };
-    const patchBlockChildren = (oldChildren, newChildren, fallbackContainer, parentComponent, parentSuspense, namespace, slotScopeIds) => {
-      for (let i = 0; i < newChildren.length; i++) {
-        const oldVNode = oldChildren[i];
-        const newVNode = newChildren[i];
-        const container = (
-          // oldVNode may be an errored async setup() component inside Suspense
-          // which will not have a mounted element
-          oldVNode.el && // - In the case of a Fragment, we need to provide the actual parent
-          // of the Fragment itself so it can move its children.
-          (oldVNode.type === Fragment || // - In the case of different nodes, there is going to be a replacement
-          // which also requires the correct parent container
-          !isSameVNodeType(oldVNode, newVNode) || // - In the case of a component, it could contain anything.
-          oldVNode.shapeFlag & (6 | 64 | 128)) ? hostParentNode(oldVNode.el) : (
-            // In other cases, the parent container is not actually used so we
-            // just pass the block element here to avoid a DOM parentNode call.
-            fallbackContainer
-          )
-        );
-        patch(
-          oldVNode,
-          newVNode,
-          container,
-          null,
-          parentComponent,
-          parentSuspense,
-          namespace,
-          slotScopeIds,
-          true
-        );
-      }
-    };
-    const patchProps = (el, oldProps, newProps, parentComponent, namespace) => {
-      if (oldProps !== newProps) {
-        if (oldProps !== EMPTY_OBJ) {
-          for (const key in oldProps) {
-            if (!isReservedProp(key) && !(key in newProps)) {
-              hostPatchProp(
-                el,
-                key,
-                oldProps[key],
-                null,
-                namespace,
-                parentComponent
-              );
-            }
-          }
-        }
-        for (const key in newProps) {
-          if (isReservedProp(key)) continue;
-          const next = newProps[key];
-          const prev = oldProps[key];
-          if (next !== prev && key !== "value") {
-            hostPatchProp(el, key, prev, next, namespace, parentComponent);
-          }
-        }
-        if ("value" in newProps) {
-          hostPatchProp(el, "value", oldProps.value, newProps.value, namespace);
-        }
-      }
-    };
-    const processFragment = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
-      const fragmentStartAnchor = n2.el = n1 ? n1.el : hostCreateText("");
-      const fragmentEndAnchor = n2.anchor = n1 ? n1.anchor : hostCreateText("");
-      let { patchFlag, dynamicChildren, slotScopeIds: fragmentSlotScopeIds } = n2;
-      if (
-        // #5523 dev root fragment may inherit directives
-        isHmrUpdating || patchFlag & 2048
-      ) {
-        patchFlag = 0;
-        optimized = false;
-        dynamicChildren = null;
-      }
-      if (fragmentSlotScopeIds) {
-        slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
-      }
-      if (n1 == null) {
-        hostInsert(fragmentStartAnchor, container, anchor);
-        hostInsert(fragmentEndAnchor, container, anchor);
-        mountChildren(
-          // #10007
-          // such fragment like `<></>` will be compiled into
-          // a fragment which doesn't have a children.
-          // In this case fallback to an empty array
-          n2.children || [],
-          container,
-          fragmentEndAnchor,
-          parentComponent,
-          parentSuspense,
-          namespace,
-          slotScopeIds,
-          optimized
-        );
-      } else {
-        if (patchFlag > 0 && patchFlag & 64 && dynamicChildren && // #2715 the previous fragment could've been a BAILed one as a result
-        // of renderSlot() with no valid children
-        n1.dynamicChildren && n1.dynamicChildren.length === dynamicChildren.length) {
-          patchBlockChildren(
-            n1.dynamicChildren,
-            dynamicChildren,
-            container,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds
-          );
-          {
-            traverseStaticChildren(n1, n2);
-          }
-        } else {
-          patchChildren(
-            n1,
-            n2,
-            container,
-            fragmentEndAnchor,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-        }
-      }
-    };
-    const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
-      n2.slotScopeIds = slotScopeIds;
-      if (n1 == null) {
-        if (n2.shapeFlag & 512) {
-          parentComponent.ctx.activate(
-            n2,
-            container,
-            anchor,
-            namespace,
-            optimized
-          );
-        } else {
-          mountComponent(
-            n2,
-            container,
-            anchor,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            optimized
-          );
-        }
-      } else {
-        updateComponent(n1, n2, optimized);
-      }
-    };
-    const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, namespace, optimized) => {
-      const instance = (initialVNode.component = createComponentInstance(
-        initialVNode,
-        parentComponent,
-        parentSuspense
-      ));
-      if (instance.type.__hmrId) {
-        registerHMR(instance);
-      }
-      {
-        pushWarningContext(initialVNode);
-        startMeasure(instance, `mount`);
-      }
-      if (isKeepAlive(initialVNode)) {
-        instance.ctx.renderer = internals;
-      }
-      {
-        {
-          startMeasure(instance, `init`);
-        }
-        setupComponent(instance, false, optimized);
-        {
-          endMeasure(instance, `init`);
-        }
-      }
-      if (isHmrUpdating) initialVNode.el = null;
-      if (instance.asyncDep) {
-        parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
-        if (!initialVNode.el) {
-          const placeholder = instance.subTree = createVNode(Comment);
-          processCommentNode(null, placeholder, container, anchor);
-          initialVNode.placeholder = placeholder.el;
-        }
-      } else {
-        setupRenderEffect(
-          instance,
-          initialVNode,
-          container,
-          anchor,
-          parentSuspense,
-          namespace,
-          optimized
-        );
-      }
-      {
-        popWarningContext();
-        endMeasure(instance, `mount`);
-      }
-    };
-    const updateComponent = (n1, n2, optimized) => {
-      const instance = n2.component = n1.component;
-      if (shouldUpdateComponent(n1, n2, optimized)) {
-        if (instance.asyncDep && !instance.asyncResolved) {
-          {
-            pushWarningContext(n2);
-          }
-          updateComponentPreRender(instance, n2, optimized);
-          {
-            popWarningContext();
-          }
-          return;
-        } else {
-          instance.next = n2;
-          instance.update();
-        }
-      } else {
-        n2.el = n1.el;
-        instance.vnode = n2;
-      }
-    };
-    const setupRenderEffect = (instance, initialVNode, container, anchor, parentSuspense, namespace, optimized) => {
-      const componentUpdateFn = () => {
-        if (!instance.isMounted) {
-          let vnodeHook;
-          const { el, props } = initialVNode;
-          const { bm, m, parent, root, type } = instance;
-          const isAsyncWrapperVNode = isAsyncWrapper(initialVNode);
-          toggleRecurse(instance, false);
-          if (bm) {
-            invokeArrayFns(bm);
-          }
-          if (!isAsyncWrapperVNode && (vnodeHook = props && props.onVnodeBeforeMount)) {
-            invokeVNodeHook(vnodeHook, parent, initialVNode);
-          }
-          toggleRecurse(instance, true);
-          if (el && hydrateNode) {
-            const hydrateSubTree = () => {
-              {
-                startMeasure(instance, `render`);
-              }
-              instance.subTree = renderComponentRoot(instance);
-              {
-                endMeasure(instance, `render`);
-              }
-              {
-                startMeasure(instance, `hydrate`);
-              }
-              hydrateNode(
-                el,
-                instance.subTree,
-                instance,
-                parentSuspense,
-                null
-              );
-              {
-                endMeasure(instance, `hydrate`);
-              }
-            };
-            if (isAsyncWrapperVNode && type.__asyncHydrate) {
-              type.__asyncHydrate(
-                el,
-                instance,
-                hydrateSubTree
-              );
-            } else {
-              hydrateSubTree();
-            }
-          } else {
-            if (root.ce && root.ce._hasShadowRoot()) {
-              root.ce._injectChildStyle(type);
-            }
-            {
-              startMeasure(instance, `render`);
-            }
-            const subTree = instance.subTree = renderComponentRoot(instance);
-            {
-              endMeasure(instance, `render`);
-            }
-            {
-              startMeasure(instance, `patch`);
-            }
-            patch(
-              null,
-              subTree,
-              container,
-              anchor,
-              instance,
-              parentSuspense,
-              namespace
-            );
-            {
-              endMeasure(instance, `patch`);
-            }
-            initialVNode.el = subTree.el;
-          }
-          if (m) {
-            queuePostRenderEffect(m, parentSuspense);
-          }
-          if (!isAsyncWrapperVNode && (vnodeHook = props && props.onVnodeMounted)) {
-            const scopedInitialVNode = initialVNode;
-            queuePostRenderEffect(
-              () => invokeVNodeHook(vnodeHook, parent, scopedInitialVNode),
-              parentSuspense
-            );
-          }
-          if (initialVNode.shapeFlag & 256 || parent && isAsyncWrapper(parent.vnode) && parent.vnode.shapeFlag & 256) {
-            instance.a && queuePostRenderEffect(instance.a, parentSuspense);
-          }
-          instance.isMounted = true;
-          {
-            devtoolsComponentAdded(instance);
-          }
-          initialVNode = container = anchor = null;
-        } else {
-          let { next, bu, u, parent, vnode } = instance;
-          {
-            const nonHydratedAsyncRoot = locateNonHydratedAsyncRoot(instance);
-            if (nonHydratedAsyncRoot) {
-              if (next) {
-                next.el = vnode.el;
-                updateComponentPreRender(instance, next, optimized);
-              }
-              nonHydratedAsyncRoot.asyncDep.then(() => {
-                queuePostRenderEffect(() => {
-                  if (!instance.isUnmounted) update();
-                }, parentSuspense);
-              });
-              return;
-            }
-          }
-          let originNext = next;
-          let vnodeHook;
-          {
-            pushWarningContext(next || instance.vnode);
-          }
-          toggleRecurse(instance, false);
-          if (next) {
-            next.el = vnode.el;
-            updateComponentPreRender(instance, next, optimized);
-          } else {
-            next = vnode;
-          }
-          if (bu) {
-            invokeArrayFns(bu);
-          }
-          if (vnodeHook = next.props && next.props.onVnodeBeforeUpdate) {
-            invokeVNodeHook(vnodeHook, parent, next, vnode);
-          }
-          toggleRecurse(instance, true);
-          {
-            startMeasure(instance, `render`);
-          }
-          const nextTree = renderComponentRoot(instance);
-          {
-            endMeasure(instance, `render`);
-          }
-          const prevTree = instance.subTree;
-          instance.subTree = nextTree;
-          {
-            startMeasure(instance, `patch`);
-          }
-          patch(
-            prevTree,
-            nextTree,
-            // parent may have changed if it's in a teleport
-            hostParentNode(prevTree.el),
-            // anchor may have changed if it's in a fragment
-            getNextHostNode(prevTree),
-            instance,
-            parentSuspense,
-            namespace
-          );
-          {
-            endMeasure(instance, `patch`);
-          }
-          next.el = nextTree.el;
-          if (originNext === null) {
-            updateHOCHostEl(instance, nextTree.el);
-          }
-          if (u) {
-            queuePostRenderEffect(u, parentSuspense);
-          }
-          if (vnodeHook = next.props && next.props.onVnodeUpdated) {
-            queuePostRenderEffect(
-              () => invokeVNodeHook(vnodeHook, parent, next, vnode),
-              parentSuspense
-            );
-          }
-          {
-            devtoolsComponentUpdated(instance);
-          }
-          {
-            popWarningContext();
-          }
-        }
-      };
-      instance.scope.on();
-      const effect = instance.effect = new ReactiveEffect(componentUpdateFn);
-      instance.scope.off();
-      const update = instance.update = effect.run.bind(effect);
-      const job = instance.job = effect.runIfDirty.bind(effect);
-      job.i = instance;
-      job.id = instance.uid;
-      effect.scheduler = () => queueJob(job);
-      toggleRecurse(instance, true);
-      {
-        effect.onTrack = instance.rtc ? (e) => invokeArrayFns(instance.rtc, e) : void 0;
-        effect.onTrigger = instance.rtg ? (e) => invokeArrayFns(instance.rtg, e) : void 0;
-      }
-      update();
-    };
-    const updateComponentPreRender = (instance, nextVNode, optimized) => {
-      nextVNode.component = instance;
-      const prevProps = instance.vnode.props;
-      instance.vnode = nextVNode;
-      instance.next = null;
-      updateProps(instance, nextVNode.props, prevProps, optimized);
-      updateSlots(instance, nextVNode.children, optimized);
-      pauseTracking();
-      flushPreFlushCbs(instance);
-      resetTracking();
-    };
-    const patchChildren = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized = false) => {
-      const c1 = n1 && n1.children;
-      const prevShapeFlag = n1 ? n1.shapeFlag : 0;
-      const c2 = n2.children;
-      const { patchFlag, shapeFlag } = n2;
-      if (patchFlag > 0) {
-        if (patchFlag & 128) {
-          patchKeyedChildren(
-            c1,
-            c2,
-            container,
-            anchor,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-          return;
-        } else if (patchFlag & 256) {
-          patchUnkeyedChildren(
-            c1,
-            c2,
-            container,
-            anchor,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-          return;
-        }
-      }
-      if (shapeFlag & 8) {
-        if (prevShapeFlag & 16) {
-          unmountChildren(c1, parentComponent, parentSuspense);
-        }
-        if (c2 !== c1) {
-          hostSetElementText(container, c2);
-        }
-      } else {
-        if (prevShapeFlag & 16) {
-          if (shapeFlag & 16) {
-            patchKeyedChildren(
-              c1,
-              c2,
-              container,
-              anchor,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-          } else {
-            unmountChildren(c1, parentComponent, parentSuspense, true);
-          }
-        } else {
-          if (prevShapeFlag & 8) {
-            hostSetElementText(container, "");
-          }
-          if (shapeFlag & 16) {
-            mountChildren(
-              c2,
-              container,
-              anchor,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-          }
-        }
-      }
-    };
-    const patchUnkeyedChildren = (c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
-      c1 = c1 || EMPTY_ARR;
-      c2 = c2 || EMPTY_ARR;
-      const oldLength = c1.length;
-      const newLength = c2.length;
-      const commonLength = Math.min(oldLength, newLength);
-      let i;
-      for (i = 0; i < commonLength; i++) {
-        const nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
-        patch(
-          c1[i],
-          nextChild,
-          container,
-          null,
-          parentComponent,
-          parentSuspense,
-          namespace,
-          slotScopeIds,
-          optimized
-        );
-      }
-      if (oldLength > newLength) {
-        unmountChildren(
-          c1,
-          parentComponent,
-          parentSuspense,
-          true,
-          false,
-          commonLength
-        );
-      } else {
-        mountChildren(
-          c2,
-          container,
-          anchor,
-          parentComponent,
-          parentSuspense,
-          namespace,
-          slotScopeIds,
-          optimized,
-          commonLength
-        );
-      }
-    };
-    const patchKeyedChildren = (c1, c2, container, parentAnchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
-      let i = 0;
-      const l2 = c2.length;
-      let e1 = c1.length - 1;
-      let e2 = l2 - 1;
-      while (i <= e1 && i <= e2) {
-        const n1 = c1[i];
-        const n2 = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
-        if (isSameVNodeType(n1, n2)) {
-          patch(
-            n1,
-            n2,
-            container,
-            null,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-        } else {
-          break;
-        }
-        i++;
-      }
-      while (i <= e1 && i <= e2) {
-        const n1 = c1[e1];
-        const n2 = c2[e2] = optimized ? cloneIfMounted(c2[e2]) : normalizeVNode(c2[e2]);
-        if (isSameVNodeType(n1, n2)) {
-          patch(
-            n1,
-            n2,
-            container,
-            null,
-            parentComponent,
-            parentSuspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-        } else {
-          break;
-        }
-        e1--;
-        e2--;
-      }
-      if (i > e1) {
-        if (i <= e2) {
-          const nextPos = e2 + 1;
-          const anchor = nextPos < l2 ? c2[nextPos].el : parentAnchor;
-          while (i <= e2) {
-            patch(
-              null,
-              c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]),
-              container,
-              anchor,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-            i++;
-          }
-        }
-      } else if (i > e2) {
-        while (i <= e1) {
-          unmount(c1[i], parentComponent, parentSuspense, true);
-          i++;
-        }
-      } else {
-        const s1 = i;
-        const s2 = i;
-        const keyToNewIndexMap = /* @__PURE__ */ new Map();
-        for (i = s2; i <= e2; i++) {
-          const nextChild = c2[i] = optimized ? cloneIfMounted(c2[i]) : normalizeVNode(c2[i]);
-          if (nextChild.key != null) {
-            if (keyToNewIndexMap.has(nextChild.key)) {
-              warn$1(
-                `Duplicate keys found during update:`,
-                JSON.stringify(nextChild.key),
-                `Make sure keys are unique.`
-              );
-            }
-            keyToNewIndexMap.set(nextChild.key, i);
-          }
-        }
-        let j;
-        let patched = 0;
-        const toBePatched = e2 - s2 + 1;
-        let moved = false;
-        let maxNewIndexSoFar = 0;
-        const newIndexToOldIndexMap = new Array(toBePatched);
-        for (i = 0; i < toBePatched; i++) newIndexToOldIndexMap[i] = 0;
-        for (i = s1; i <= e1; i++) {
-          const prevChild = c1[i];
-          if (patched >= toBePatched) {
-            unmount(prevChild, parentComponent, parentSuspense, true);
-            continue;
-          }
-          let newIndex;
-          if (prevChild.key != null) {
-            newIndex = keyToNewIndexMap.get(prevChild.key);
-          } else {
-            for (j = s2; j <= e2; j++) {
-              if (newIndexToOldIndexMap[j - s2] === 0 && isSameVNodeType(prevChild, c2[j])) {
-                newIndex = j;
-                break;
-              }
-            }
-          }
-          if (newIndex === void 0) {
-            unmount(prevChild, parentComponent, parentSuspense, true);
-          } else {
-            newIndexToOldIndexMap[newIndex - s2] = i + 1;
-            if (newIndex >= maxNewIndexSoFar) {
-              maxNewIndexSoFar = newIndex;
-            } else {
-              moved = true;
-            }
-            patch(
-              prevChild,
-              c2[newIndex],
-              container,
-              null,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-            patched++;
-          }
-        }
-        const increasingNewIndexSequence = moved ? getSequence(newIndexToOldIndexMap) : EMPTY_ARR;
-        j = increasingNewIndexSequence.length - 1;
-        for (i = toBePatched - 1; i >= 0; i--) {
-          const nextIndex = s2 + i;
-          const nextChild = c2[nextIndex];
-          const anchorVNode = c2[nextIndex + 1];
-          const anchor = nextIndex + 1 < l2 ? (
-            // #13559, #14173 fallback to el placeholder for unresolved async component
-            anchorVNode.el || resolveAsyncComponentPlaceholder(anchorVNode)
-          ) : parentAnchor;
-          if (newIndexToOldIndexMap[i] === 0) {
-            patch(
-              null,
-              nextChild,
-              container,
-              anchor,
-              parentComponent,
-              parentSuspense,
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-          } else if (moved) {
-            if (j < 0 || i !== increasingNewIndexSequence[j]) {
-              move(nextChild, container, anchor, 2);
-            } else {
-              j--;
-            }
-          }
-        }
-      }
-    };
-    const move = (vnode, container, anchor, moveType, parentSuspense = null) => {
-      const { el, type, transition, children, shapeFlag } = vnode;
-      if (shapeFlag & 6) {
-        move(vnode.component.subTree, container, anchor, moveType);
-        return;
-      }
-      if (shapeFlag & 128) {
-        vnode.suspense.move(container, anchor, moveType);
-        return;
-      }
-      if (shapeFlag & 64) {
-        type.move(vnode, container, anchor, internals);
-        return;
-      }
-      if (type === Fragment) {
-        hostInsert(el, container, anchor);
-        for (let i = 0; i < children.length; i++) {
-          move(children[i], container, anchor, moveType);
-        }
-        hostInsert(vnode.anchor, container, anchor);
-        return;
-      }
-      if (type === Static) {
-        moveStaticNode(vnode, container, anchor);
-        return;
-      }
-      const needTransition2 = moveType !== 2 && shapeFlag & 1 && transition;
-      if (needTransition2) {
-        if (moveType === 0) {
-          transition.beforeEnter(el);
-          hostInsert(el, container, anchor);
-          queuePostRenderEffect(() => transition.enter(el), parentSuspense);
-        } else {
-          const { leave, delayLeave, afterLeave } = transition;
-          const remove2 = () => {
-            if (vnode.ctx.isUnmounted) {
-              hostRemove(el);
-            } else {
-              hostInsert(el, container, anchor);
-            }
-          };
-          const performLeave = () => {
-            if (el._isLeaving) {
-              el[leaveCbKey](
-                true
-                /* cancelled */
-              );
-            }
-            leave(el, () => {
-              remove2();
-              afterLeave && afterLeave();
-            });
-          };
-          if (delayLeave) {
-            delayLeave(el, remove2, performLeave);
-          } else {
-            performLeave();
-          }
-        }
-      } else {
-        hostInsert(el, container, anchor);
-      }
-    };
-    const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-      const {
-        type,
-        props,
-        ref,
-        children,
-        dynamicChildren,
-        shapeFlag,
-        patchFlag,
-        dirs,
-        cacheIndex
-      } = vnode;
-      if (patchFlag === -2) {
-        optimized = false;
-      }
-      if (ref != null) {
-        pauseTracking();
-        setRef(ref, null, parentSuspense, vnode, true);
-        resetTracking();
-      }
-      if (cacheIndex != null) {
-        parentComponent.renderCache[cacheIndex] = void 0;
-      }
-      if (shapeFlag & 256) {
-        parentComponent.ctx.deactivate(vnode);
-        return;
-      }
-      const shouldInvokeDirs = shapeFlag & 1 && dirs;
-      const shouldInvokeVnodeHook = !isAsyncWrapper(vnode);
-      let vnodeHook;
-      if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeBeforeUnmount)) {
-        invokeVNodeHook(vnodeHook, parentComponent, vnode);
-      }
-      if (shapeFlag & 6) {
-        unmountComponent(vnode.component, parentSuspense, doRemove);
-      } else {
-        if (shapeFlag & 128) {
-          vnode.suspense.unmount(parentSuspense, doRemove);
-          return;
-        }
-        if (shouldInvokeDirs) {
-          invokeDirectiveHook(vnode, null, parentComponent, "beforeUnmount");
-        }
-        if (shapeFlag & 64) {
-          vnode.type.remove(
-            vnode,
-            parentComponent,
-            parentSuspense,
-            internals,
-            doRemove
-          );
-        } else if (dynamicChildren && // #5154
-        // when v-once is used inside a block, setBlockTracking(-1) marks the
-        // parent block with hasOnce: true
-        // so that it doesn't take the fast path during unmount - otherwise
-        // components nested in v-once are never unmounted.
-        !dynamicChildren.hasOnce && // #1153: fast path should not be taken for non-stable (v-for) fragments
-        (type !== Fragment || patchFlag > 0 && patchFlag & 64)) {
-          unmountChildren(
-            dynamicChildren,
-            parentComponent,
-            parentSuspense,
-            false,
-            true
-          );
-        } else if (type === Fragment && patchFlag & (128 | 256) || !optimized && shapeFlag & 16) {
-          unmountChildren(children, parentComponent, parentSuspense);
-        }
-        if (doRemove) {
-          remove(vnode);
-        }
-      }
-      if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) {
-        queuePostRenderEffect(() => {
-          vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-          shouldInvokeDirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
-        }, parentSuspense);
-      }
-    };
-    const remove = (vnode) => {
-      const { type, el, anchor, transition } = vnode;
-      if (type === Fragment) {
-        if (vnode.patchFlag > 0 && vnode.patchFlag & 2048 && transition && !transition.persisted) {
-          vnode.children.forEach((child) => {
-            if (child.type === Comment) {
-              hostRemove(child.el);
-            } else {
-              remove(child);
-            }
-          });
-        } else {
-          removeFragment(el, anchor);
-        }
-        return;
-      }
-      if (type === Static) {
-        removeStaticNode(vnode);
-        return;
-      }
-      const performRemove = () => {
-        hostRemove(el);
-        if (transition && !transition.persisted && transition.afterLeave) {
-          transition.afterLeave();
-        }
-      };
-      if (vnode.shapeFlag & 1 && transition && !transition.persisted) {
-        const { leave, delayLeave } = transition;
-        const performLeave = () => leave(el, performRemove);
-        if (delayLeave) {
-          delayLeave(vnode.el, performRemove, performLeave);
-        } else {
-          performLeave();
-        }
-      } else {
-        performRemove();
-      }
-    };
-    const removeFragment = (cur, end) => {
-      let next;
-      while (cur !== end) {
-        next = hostNextSibling(cur);
-        hostRemove(cur);
-        cur = next;
-      }
-      hostRemove(end);
-    };
-    const unmountComponent = (instance, parentSuspense, doRemove) => {
-      if (instance.type.__hmrId) {
-        unregisterHMR(instance);
-      }
-      const { bum, scope, job, subTree, um, m, a } = instance;
-      invalidateMount(m);
-      invalidateMount(a);
-      if (bum) {
-        invokeArrayFns(bum);
-      }
-      scope.stop();
-      if (job) {
-        job.flags |= 8;
-        unmount(subTree, instance, parentSuspense, doRemove);
-      }
-      if (um) {
-        queuePostRenderEffect(um, parentSuspense);
-      }
-      queuePostRenderEffect(() => {
-        instance.isUnmounted = true;
-      }, parentSuspense);
-      {
-        devtoolsComponentRemoved(instance);
-      }
-    };
-    const unmountChildren = (children, parentComponent, parentSuspense, doRemove = false, optimized = false, start = 0) => {
-      for (let i = start; i < children.length; i++) {
-        unmount(children[i], parentComponent, parentSuspense, doRemove, optimized);
-      }
-    };
-    const getNextHostNode = (vnode) => {
-      if (vnode.shapeFlag & 6) {
-        return getNextHostNode(vnode.component.subTree);
-      }
-      if (vnode.shapeFlag & 128) {
-        return vnode.suspense.next();
-      }
-      const el = hostNextSibling(vnode.anchor || vnode.el);
-      const teleportEnd = el && el[TeleportEndKey];
-      return teleportEnd ? hostNextSibling(teleportEnd) : el;
-    };
-    let isFlushing = false;
-    const render = (vnode, container, namespace) => {
-      let instance;
-      if (vnode == null) {
-        if (container._vnode) {
-          unmount(container._vnode, null, null, true);
-          instance = container._vnode.component;
-        }
-      } else {
-        patch(
-          container._vnode || null,
-          vnode,
-          container,
-          null,
-          null,
-          null,
-          namespace
-        );
-      }
-      container._vnode = vnode;
-      if (!isFlushing) {
-        isFlushing = true;
-        flushPreFlushCbs(instance);
-        flushPostFlushCbs();
-        isFlushing = false;
-      }
-    };
-    const internals = {
-      p: patch,
-      um: unmount,
-      m: move,
-      r: remove,
-      mt: mountComponent,
-      mc: mountChildren,
-      pc: patchChildren,
-      pbc: patchBlockChildren,
-      n: getNextHostNode,
-      o: options
-    };
-    let hydrate;
-    let hydrateNode;
-    if (createHydrationFns) {
-      [hydrate, hydrateNode] = createHydrationFns(
-        internals
-      );
-    }
-    return {
-      render,
-      hydrate,
-      createApp: createAppAPI(render, hydrate)
-    };
-  }
-  function resolveChildrenNamespace({ type, props }, currentNamespace) {
-    return currentNamespace === "svg" && type === "foreignObject" || currentNamespace === "mathml" && type === "annotation-xml" && props && props.encoding && props.encoding.includes("html") ? void 0 : currentNamespace;
-  }
-  function toggleRecurse({ effect, job }, allowed) {
-    if (allowed) {
-      effect.flags |= 32;
-      job.flags |= 4;
-    } else {
-      effect.flags &= -33;
-      job.flags &= -5;
-    }
-  }
-  function needTransition(parentSuspense, transition) {
-    return (!parentSuspense || parentSuspense && !parentSuspense.pendingBranch) && transition && !transition.persisted;
-  }
-  function traverseStaticChildren(n1, n2, shallow = false) {
-    const ch1 = n1.children;
-    const ch2 = n2.children;
-    if (isArray(ch1) && isArray(ch2)) {
-      for (let i = 0; i < ch1.length; i++) {
-        const c1 = ch1[i];
-        let c2 = ch2[i];
-        if (c2.shapeFlag & 1 && !c2.dynamicChildren) {
-          if (c2.patchFlag <= 0 || c2.patchFlag === 32) {
-            c2 = ch2[i] = cloneIfMounted(ch2[i]);
-            c2.el = c1.el;
-          }
-          if (!shallow && c2.patchFlag !== -2)
-            traverseStaticChildren(c1, c2);
-        }
-        if (c2.type === Text) {
-          if (c2.patchFlag === -1) {
-            c2 = ch2[i] = cloneIfMounted(c2);
-          }
-          c2.el = c1.el;
-        }
-        if (c2.type === Comment && !c2.el) {
-          c2.el = c1.el;
-        }
-        {
-          c2.el && (c2.el.__vnode = c2);
-        }
-      }
-    }
-  }
-  function getSequence(arr) {
-    const p = arr.slice();
-    const result = [0];
-    let i, j, u, v, c;
-    const len = arr.length;
-    for (i = 0; i < len; i++) {
-      const arrI = arr[i];
-      if (arrI !== 0) {
-        j = result[result.length - 1];
-        if (arr[j] < arrI) {
-          p[i] = j;
-          result.push(i);
-          continue;
-        }
-        u = 0;
-        v = result.length - 1;
-        while (u < v) {
-          c = u + v >> 1;
-          if (arr[result[c]] < arrI) {
-            u = c + 1;
-          } else {
-            v = c;
-          }
-        }
-        if (arrI < arr[result[u]]) {
-          if (u > 0) {
-            p[i] = result[u - 1];
-          }
-          result[u] = i;
-        }
-      }
-    }
-    u = result.length;
-    v = result[u - 1];
-    while (u-- > 0) {
-      result[u] = v;
-      v = p[v];
-    }
-    return result;
-  }
-  function locateNonHydratedAsyncRoot(instance) {
-    const subComponent = instance.subTree.component;
-    if (subComponent) {
-      if (subComponent.asyncDep && !subComponent.asyncResolved) {
-        return subComponent;
-      } else {
-        return locateNonHydratedAsyncRoot(subComponent);
-      }
-    }
-  }
-  function invalidateMount(hooks) {
-    if (hooks) {
-      for (let i = 0; i < hooks.length; i++)
-        hooks[i].flags |= 8;
-    }
-  }
-  function resolveAsyncComponentPlaceholder(anchorVnode) {
-    if (anchorVnode.placeholder) {
-      return anchorVnode.placeholder;
-    }
-    const instance = anchorVnode.component;
-    if (instance) {
-      return resolveAsyncComponentPlaceholder(instance.subTree);
-    }
-    return null;
-  }
-
-  const isSuspense = (type) => type.__isSuspense;
-  let suspenseId = 0;
-  const SuspenseImpl = {
-    name: "Suspense",
-    // In order to make Suspense tree-shakable, we need to avoid importing it
-    // directly in the renderer. The renderer checks for the __isSuspense flag
-    // on a vnode's type and calls the `process` method, passing in renderer
-    // internals.
-    __isSuspense: true,
-    process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
-      if (n1 == null) {
-        mountSuspense(
-          n2,
-          container,
-          anchor,
-          parentComponent,
-          parentSuspense,
-          namespace,
-          slotScopeIds,
-          optimized,
-          rendererInternals
-        );
-      } else {
-        if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback) {
-          n2.suspense = n1.suspense;
-          n2.suspense.vnode = n2;
-          n2.el = n1.el;
-          return;
-        }
-        patchSuspense(
-          n1,
-          n2,
-          container,
-          anchor,
-          parentComponent,
-          namespace,
-          slotScopeIds,
-          optimized,
-          rendererInternals
-        );
-      }
-    },
-    hydrate: hydrateSuspense,
-    normalize: normalizeSuspenseChildren
-  };
-  const Suspense = SuspenseImpl ;
-  function triggerEvent(vnode, name) {
-    const eventListener = vnode.props && vnode.props[name];
-    if (isFunction(eventListener)) {
-      eventListener();
-    }
-  }
-  function mountSuspense(vnode, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
-    const {
-      p: patch,
-      o: { createElement }
-    } = rendererInternals;
-    const hiddenContainer = createElement("div");
-    const suspense = vnode.suspense = createSuspenseBoundary(
-      vnode,
-      parentSuspense,
-      parentComponent,
-      container,
-      hiddenContainer,
-      anchor,
-      namespace,
-      slotScopeIds,
-      optimized,
-      rendererInternals
-    );
-    patch(
-      null,
-      suspense.pendingBranch = vnode.ssContent,
-      hiddenContainer,
-      null,
-      parentComponent,
-      suspense,
-      namespace,
-      slotScopeIds
-    );
-    if (suspense.deps > 0) {
-      triggerEvent(vnode, "onPending");
-      triggerEvent(vnode, "onFallback");
-      patch(
-        null,
-        vnode.ssFallback,
-        container,
-        anchor,
-        parentComponent,
-        null,
-        // fallback tree will not have suspense context
-        namespace,
-        slotScopeIds
-      );
-      setActiveBranch(suspense, vnode.ssFallback);
-    } else {
-      suspense.resolve(false, true);
-    }
-  }
-  function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, slotScopeIds, optimized, { p: patch, um: unmount, o: { createElement } }) {
-    const suspense = n2.suspense = n1.suspense;
-    suspense.vnode = n2;
-    n2.el = n1.el;
-    const newBranch = n2.ssContent;
-    const newFallback = n2.ssFallback;
-    const { activeBranch, pendingBranch, isInFallback, isHydrating } = suspense;
-    if (pendingBranch) {
-      suspense.pendingBranch = newBranch;
-      if (isSameVNodeType(pendingBranch, newBranch)) {
-        patch(
-          pendingBranch,
-          newBranch,
-          suspense.hiddenContainer,
-          null,
-          parentComponent,
-          suspense,
-          namespace,
-          slotScopeIds,
-          optimized
-        );
-        if (suspense.deps <= 0) {
-          suspense.resolve();
-        } else if (isInFallback) {
-          if (!isHydrating) {
-            patch(
-              activeBranch,
-              newFallback,
-              container,
-              anchor,
-              parentComponent,
-              null,
-              // fallback tree will not have suspense context
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-            setActiveBranch(suspense, newFallback);
-          }
-        }
-      } else {
-        suspense.pendingId = suspenseId++;
-        if (isHydrating) {
-          suspense.isHydrating = false;
-          suspense.activeBranch = pendingBranch;
-        } else {
-          unmount(pendingBranch, parentComponent, suspense);
-        }
-        suspense.deps = 0;
-        suspense.effects.length = 0;
-        suspense.hiddenContainer = createElement("div");
-        if (isInFallback) {
-          patch(
-            null,
-            newBranch,
-            suspense.hiddenContainer,
-            null,
-            parentComponent,
-            suspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-          if (suspense.deps <= 0) {
-            suspense.resolve();
-          } else {
-            patch(
-              activeBranch,
-              newFallback,
-              container,
-              anchor,
-              parentComponent,
-              null,
-              // fallback tree will not have suspense context
-              namespace,
-              slotScopeIds,
-              optimized
-            );
-            setActiveBranch(suspense, newFallback);
-          }
-        } else if (activeBranch && isSameVNodeType(activeBranch, newBranch)) {
-          patch(
-            activeBranch,
-            newBranch,
-            container,
-            anchor,
-            parentComponent,
-            suspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-          suspense.resolve(true);
-        } else {
-          patch(
-            null,
-            newBranch,
-            suspense.hiddenContainer,
-            null,
-            parentComponent,
-            suspense,
-            namespace,
-            slotScopeIds,
-            optimized
-          );
-          if (suspense.deps <= 0) {
-            suspense.resolve();
-          }
-        }
-      }
-    } else {
-      if (activeBranch && isSameVNodeType(activeBranch, newBranch)) {
-        patch(
-          activeBranch,
-          newBranch,
-          container,
-          anchor,
-          parentComponent,
-          suspense,
-          namespace,
-          slotScopeIds,
-          optimized
-        );
-        setActiveBranch(suspense, newBranch);
-      } else {
-        triggerEvent(n2, "onPending");
-        suspense.pendingBranch = newBranch;
-        if (newBranch.shapeFlag & 512) {
-          suspense.pendingId = newBranch.component.suspenseId;
-        } else {
-          suspense.pendingId = suspenseId++;
-        }
-        patch(
-          null,
-          newBranch,
-          suspense.hiddenContainer,
-          null,
-          parentComponent,
-          suspense,
-          namespace,
-          slotScopeIds,
-          optimized
-        );
-        if (suspense.deps <= 0) {
-          suspense.resolve();
-        } else {
-          const { timeout, pendingId } = suspense;
-          if (timeout > 0) {
-            setTimeout(() => {
-              if (suspense.pendingId === pendingId) {
-                suspense.fallback(newFallback);
-              }
-            }, timeout);
-          } else if (timeout === 0) {
-            suspense.fallback(newFallback);
-          }
-        }
-      }
-    }
-  }
-  let hasWarned = false;
-  function createSuspenseBoundary(vnode, parentSuspense, parentComponent, container, hiddenContainer, anchor, namespace, slotScopeIds, optimized, rendererInternals, isHydrating = false) {
-    if (!hasWarned) {
-      hasWarned = true;
-      console[console.info ? "info" : "log"](
-        `<Suspense> is an experimental feature and its API will likely change.`
-      );
-    }
-    const {
-      p: patch,
-      m: move,
-      um: unmount,
-      n: next,
-      o: { parentNode, remove }
-    } = rendererInternals;
-    let parentSuspenseId;
-    const isSuspensible = isVNodeSuspensible(vnode);
-    if (isSuspensible) {
-      if (parentSuspense && parentSuspense.pendingBranch) {
-        parentSuspenseId = parentSuspense.pendingId;
-        parentSuspense.deps++;
-      }
-    }
-    const timeout = vnode.props ? toNumber(vnode.props.timeout) : void 0;
-    {
-      assertNumber(timeout, `Suspense timeout`);
-    }
-    const initialAnchor = anchor;
-    const suspense = {
-      vnode,
-      parent: parentSuspense,
-      parentComponent,
-      namespace,
-      container,
-      hiddenContainer,
-      deps: 0,
-      pendingId: suspenseId++,
-      timeout: typeof timeout === "number" ? timeout : -1,
-      activeBranch: null,
-      pendingBranch: null,
-      isInFallback: !isHydrating,
-      isHydrating,
-      isUnmounted: false,
-      effects: [],
-      resolve(resume = false, sync = false) {
-        {
-          if (!resume && !suspense.pendingBranch) {
-            throw new Error(
-              `suspense.resolve() is called without a pending branch.`
-            );
-          }
-          if (suspense.isUnmounted) {
-            throw new Error(
-              `suspense.resolve() is called on an already unmounted suspense boundary.`
-            );
-          }
-        }
-        const {
-          vnode: vnode2,
-          activeBranch,
-          pendingBranch,
-          pendingId,
-          effects,
-          parentComponent: parentComponent2,
-          container: container2,
-          isInFallback
-        } = suspense;
-        let delayEnter = false;
-        if (suspense.isHydrating) {
-          suspense.isHydrating = false;
-        } else if (!resume) {
-          delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
-          if (delayEnter) {
-            activeBranch.transition.afterLeave = () => {
-              if (pendingId === suspense.pendingId) {
-                move(
-                  pendingBranch,
-                  container2,
-                  anchor === initialAnchor ? next(activeBranch) : anchor,
-                  0
-                );
-                queuePostFlushCb(effects);
-                if (isInFallback && vnode2.ssFallback) {
-                  vnode2.ssFallback.el = null;
-                }
-              }
-            };
-          }
-          if (activeBranch) {
-            if (parentNode(activeBranch.el) === container2) {
-              anchor = next(activeBranch);
-            }
-            unmount(activeBranch, parentComponent2, suspense, true);
-            if (!delayEnter && isInFallback && vnode2.ssFallback) {
-              queuePostRenderEffect(() => vnode2.ssFallback.el = null, suspense);
-            }
-          }
-          if (!delayEnter) {
-            move(pendingBranch, container2, anchor, 0);
-          }
-        }
-        setActiveBranch(suspense, pendingBranch);
-        suspense.pendingBranch = null;
-        suspense.isInFallback = false;
-        let parent = suspense.parent;
-        let hasUnresolvedAncestor = false;
-        while (parent) {
-          if (parent.pendingBranch) {
-            parent.effects.push(...effects);
-            hasUnresolvedAncestor = true;
-            break;
-          }
-          parent = parent.parent;
-        }
-        if (!hasUnresolvedAncestor && !delayEnter) {
-          queuePostFlushCb(effects);
-        }
-        suspense.effects = [];
-        if (isSuspensible) {
-          if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
-            parentSuspense.deps--;
-            if (parentSuspense.deps === 0 && !sync) {
-              parentSuspense.resolve();
-            }
-          }
-        }
-        triggerEvent(vnode2, "onResolve");
-      },
-      fallback(fallbackVNode) {
-        if (!suspense.pendingBranch) {
-          return;
-        }
-        const { vnode: vnode2, activeBranch, parentComponent: parentComponent2, container: container2, namespace: namespace2 } = suspense;
-        triggerEvent(vnode2, "onFallback");
-        const anchor2 = next(activeBranch);
-        const mountFallback = () => {
-          if (!suspense.isInFallback) {
-            return;
-          }
-          patch(
-            null,
-            fallbackVNode,
-            container2,
-            anchor2,
-            parentComponent2,
-            null,
-            // fallback tree will not have suspense context
-            namespace2,
-            slotScopeIds,
-            optimized
-          );
-          setActiveBranch(suspense, fallbackVNode);
-        };
-        const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
-        if (delayEnter) {
-          activeBranch.transition.afterLeave = mountFallback;
-        }
-        suspense.isInFallback = true;
-        unmount(
-          activeBranch,
-          parentComponent2,
-          null,
-          // no suspense so unmount hooks fire now
-          true
-          // shouldRemove
-        );
-        if (!delayEnter) {
-          mountFallback();
-        }
-      },
-      move(container2, anchor2, type) {
-        suspense.activeBranch && move(suspense.activeBranch, container2, anchor2, type);
-        suspense.container = container2;
-      },
-      next() {
-        return suspense.activeBranch && next(suspense.activeBranch);
-      },
-      registerDep(instance, setupRenderEffect, optimized2) {
-        const isInPendingSuspense = !!suspense.pendingBranch;
-        if (isInPendingSuspense) {
-          suspense.deps++;
-        }
-        const hydratedEl = instance.vnode.el;
-        instance.asyncDep.catch((err) => {
-          handleError(err, instance, 0);
-        }).then((asyncSetupResult) => {
-          if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) {
-            return;
-          }
-          instance.asyncResolved = true;
-          const { vnode: vnode2 } = instance;
-          {
-            pushWarningContext(vnode2);
-          }
-          handleSetupResult(instance, asyncSetupResult, false);
-          if (hydratedEl) {
-            vnode2.el = hydratedEl;
-          }
-          const placeholder = !hydratedEl && instance.subTree.el;
-          setupRenderEffect(
-            instance,
-            vnode2,
-            // component may have been moved before resolve.
-            // if this is not a hydration, instance.subTree will be the comment
-            // placeholder.
-            parentNode(hydratedEl || instance.subTree.el),
-            // anchor will not be used if this is hydration, so only need to
-            // consider the comment placeholder case.
-            hydratedEl ? null : next(instance.subTree),
-            suspense,
-            namespace,
-            optimized2
-          );
-          if (placeholder) {
-            vnode2.placeholder = null;
-            remove(placeholder);
-          }
-          updateHOCHostEl(instance, vnode2.el);
-          {
-            popWarningContext();
-          }
-          if (isInPendingSuspense && --suspense.deps === 0) {
-            suspense.resolve();
-          }
-        });
-      },
-      unmount(parentSuspense2, doRemove) {
-        suspense.isUnmounted = true;
-        if (suspense.activeBranch) {
-          unmount(
-            suspense.activeBranch,
-            parentComponent,
-            parentSuspense2,
-            doRemove
-          );
-        }
-        if (suspense.pendingBranch) {
-          unmount(
-            suspense.pendingBranch,
-            parentComponent,
-            parentSuspense2,
-            doRemove
-          );
-        }
-      }
-    };
-    return suspense;
-  }
-  function hydrateSuspense(node, vnode, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals, hydrateNode) {
-    const suspense = vnode.suspense = createSuspenseBoundary(
-      vnode,
-      parentSuspense,
-      parentComponent,
-      node.parentNode,
-      // eslint-disable-next-line no-restricted-globals
-      document.createElement("div"),
-      null,
-      namespace,
-      slotScopeIds,
-      optimized,
-      rendererInternals,
-      true
-    );
-    const result = hydrateNode(
-      node,
-      suspense.pendingBranch = vnode.ssContent,
-      parentComponent,
-      suspense,
-      slotScopeIds,
-      optimized
-    );
-    if (suspense.deps === 0) {
-      suspense.resolve(false, true);
-    }
-    return result;
-  }
-  function normalizeSuspenseChildren(vnode) {
-    const { shapeFlag, children } = vnode;
-    const isSlotChildren = shapeFlag & 32;
-    vnode.ssContent = normalizeSuspenseSlot(
-      isSlotChildren ? children.default : children
-    );
-    vnode.ssFallback = isSlotChildren ? normalizeSuspenseSlot(children.fallback) : createVNode(Comment);
-  }
-  function normalizeSuspenseSlot(s) {
-    let block;
-    if (isFunction(s)) {
-      const trackBlock = isBlockTreeEnabled && s._c;
-      if (trackBlock) {
-        s._d = false;
-        openBlock();
-      }
-      s = s();
-      if (trackBlock) {
-        s._d = true;
-        block = currentBlock;
-        closeBlock();
-      }
-    }
-    if (isArray(s)) {
-      const singleChild = filterSingleRoot(s);
-      if (!singleChild && s.filter((child) => child !== NULL_DYNAMIC_COMPONENT).length > 0) {
-        warn$1(`<Suspense> slots expect a single root node.`);
-      }
-      s = singleChild;
-    }
-    s = normalizeVNode(s);
-    if (block && !s.dynamicChildren) {
-      s.dynamicChildren = block.filter((c) => c !== s);
-    }
-    return s;
-  }
-  function queueEffectWithSuspense(fn, suspense) {
-    if (suspense && suspense.pendingBranch) {
-      if (isArray(fn)) {
-        suspense.effects.push(...fn);
-      } else {
-        suspense.effects.push(fn);
-      }
-    } else {
-      queuePostFlushCb(fn);
-    }
-  }
-  function setActiveBranch(suspense, branch) {
-    suspense.activeBranch = branch;
-    const { vnode, parentComponent } = suspense;
-    let el = branch.el;
-    while (!el && branch.component) {
-      branch = branch.component.subTree;
-      el = branch.el;
-    }
-    vnode.el = el;
-    if (parentComponent && parentComponent.subTree === vnode) {
-      parentComponent.vnode.el = el;
-      updateHOCHostEl(parentComponent, el);
-    }
-  }
-  function isVNodeSuspensible(vnode) {
-    const suspensible = vnode.props && vnode.props.suspensible;
-    return suspensible != null && suspensible !== false;
-  }
-
-  const Fragment = /* @__PURE__ */ Symbol.for("v-fgt");
-  const Text = /* @__PURE__ */ Symbol.for("v-txt");
-  const Comment = /* @__PURE__ */ Symbol.for("v-cmt");
-  const Static = /* @__PURE__ */ Symbol.for("v-stc");
-  const blockStack = [];
-  let currentBlock = null;
-  function openBlock(disableTracking = false) {
-    blockStack.push(currentBlock = disableTracking ? null : []);
-  }
-  function closeBlock() {
-    blockStack.pop();
-    currentBlock = blockStack[blockStack.length - 1] || null;
-  }
-  let isBlockTreeEnabled = 1;
-  function setBlockTracking(value, inVOnce = false) {
-    isBlockTreeEnabled += value;
-    if (value < 0 && currentBlock && inVOnce) {
-      currentBlock.hasOnce = true;
-    }
-  }
-  function setupBlock(vnode) {
-    vnode.dynamicChildren = isBlockTreeEnabled > 0 ? currentBlock || EMPTY_ARR : null;
-    closeBlock();
-    if (isBlockTreeEnabled > 0 && currentBlock) {
-      currentBlock.push(vnode);
-    }
-    return vnode;
-  }
-  function createElementBlock(type, props, children, patchFlag, dynamicProps, shapeFlag) {
-    return setupBlock(
-      createBaseVNode(
-        type,
-        props,
-        children,
-        patchFlag,
-        dynamicProps,
-        shapeFlag,
-        true
-      )
-    );
-  }
-  function createBlock(type, props, children, patchFlag, dynamicProps) {
-    return setupBlock(
-      createVNode(
-        type,
-        props,
-        children,
-        patchFlag,
-        dynamicProps,
-        true
-      )
-    );
-  }
-  function isVNode(value) {
-    return value ? value.__v_isVNode === true : false;
-  }
-  function isSameVNodeType(n1, n2) {
-    if (n2.shapeFlag & 6 && n1.component) {
-      const dirtyInstances = hmrDirtyComponents.get(n2.type);
-      if (dirtyInstances && dirtyInstances.has(n1.component)) {
-        n1.shapeFlag &= -257;
-        n2.shapeFlag &= -513;
-        return false;
-      }
-    }
-    return n1.type === n2.type && n1.key === n2.key;
-  }
-  let vnodeArgsTransformer;
-  function transformVNodeArgs(transformer) {
-    vnodeArgsTransformer = transformer;
-  }
-  const createVNodeWithArgsTransform = (...args) => {
-    return _createVNode(
-      ...vnodeArgsTransformer ? vnodeArgsTransformer(args, currentRenderingInstance) : args
-    );
-  };
-  const normalizeKey = ({ key }) => key != null ? key : null;
-  const normalizeRef = ({
-    ref,
-    ref_key,
-    ref_for
-  }) => {
-    if (typeof ref === "number") {
-      ref = "" + ref;
-    }
-    return ref != null ? isString(ref) || isRef(ref) || isFunction(ref) ? { i: currentRenderingInstance, r: ref, k: ref_key, f: !!ref_for } : ref : null;
-  };
-  function createBaseVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, shapeFlag = type === Fragment ? 0 : 1, isBlockNode = false, needFullChildrenNormalization = false) {
-    const vnode = {
-      __v_isVNode: true,
-      __v_skip: true,
-      type,
-      props,
-      key: props && normalizeKey(props),
-      ref: props && normalizeRef(props),
-      scopeId: currentScopeId,
-      slotScopeIds: null,
-      children,
-      component: null,
-      suspense: null,
-      ssContent: null,
-      ssFallback: null,
-      dirs: null,
-      transition: null,
-      el: null,
-      anchor: null,
-      target: null,
-      targetStart: null,
-      targetAnchor: null,
-      staticCount: 0,
-      shapeFlag,
-      patchFlag,
-      dynamicProps,
-      dynamicChildren: null,
-      appContext: null,
-      ctx: currentRenderingInstance
-    };
-    if (needFullChildrenNormalization) {
-      normalizeChildren(vnode, children);
-      if (shapeFlag & 128) {
-        type.normalize(vnode);
-      }
-    } else if (children) {
-      vnode.shapeFlag |= isString(children) ? 8 : 16;
-    }
-    if (vnode.key !== vnode.key) {
-      warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
-    }
-    if (isBlockTreeEnabled > 0 && // avoid a block node from tracking itself
-    !isBlockNode && // has current parent block
-    currentBlock && // presence of a patch flag indicates this node needs patching on updates.
-    // component nodes also should always be patched, because even if the
-    // component doesn't need to update, it needs to persist the instance on to
-    // the next vnode so that it can be properly unmounted later.
-    (vnode.patchFlag > 0 || shapeFlag & 6) && // the EVENTS flag is only for hydration and if it is the only flag, the
-    // vnode should not be considered dynamic due to handler caching.
-    vnode.patchFlag !== 32) {
-      currentBlock.push(vnode);
-    }
-    return vnode;
-  }
-  const createVNode = createVNodeWithArgsTransform ;
-  function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
-    if (!type || type === NULL_DYNAMIC_COMPONENT) {
-      if (!type) {
-        warn$1(`Invalid vnode type when creating vnode: ${type}.`);
-      }
-      type = Comment;
-    }
-    if (isVNode(type)) {
-      const cloned = cloneVNode(
-        type,
-        props,
-        true
-        /* mergeRef: true */
-      );
-      if (children) {
-        normalizeChildren(cloned, children);
-      }
-      if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock) {
-        if (cloned.shapeFlag & 6) {
-          currentBlock[currentBlock.indexOf(type)] = cloned;
-        } else {
-          currentBlock.push(cloned);
-        }
-      }
-      cloned.patchFlag = -2;
-      return cloned;
-    }
-    if (isClassComponent(type)) {
-      type = type.__vccOpts;
-    }
-    if (props) {
-      props = guardReactiveProps(props);
-      let { class: klass, style } = props;
-      if (klass && !isString(klass)) {
-        props.class = normalizeClass(klass);
-      }
-      if (isObject(style)) {
-        if (isProxy(style) && !isArray(style)) {
-          style = extend({}, style);
-        }
-        props.style = normalizeStyle(style);
-      }
-    }
-    const shapeFlag = isString(type) ? 1 : isSuspense(type) ? 128 : isTeleport(type) ? 64 : isObject(type) ? 4 : isFunction(type) ? 2 : 0;
-    if (shapeFlag & 4 && isProxy(type)) {
-      type = toRaw(type);
-      warn$1(
-        `Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with \`markRaw\` or using \`shallowRef\` instead of \`ref\`.`,
-        `
-Component that was made reactive: `,
-        type
-      );
-    }
-    return createBaseVNode(
-      type,
-      props,
-      children,
-      patchFlag,
-      dynamicProps,
-      shapeFlag,
-      isBlockNode,
-      true
-    );
-  }
-  function guardReactiveProps(props) {
-    if (!props) return null;
-    return isProxy(props) || isInternalObject(props) ? extend({}, props) : props;
-  }
-  function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false) {
-    const { props, ref, patchFlag, children, transition } = vnode;
-    const mergedProps = extraProps ? mergeProps(props || {}, extraProps) : props;
-    const cloned = {
-      __v_isVNode: true,
-      __v_skip: true,
-      type: vnode.type,
-      props: mergedProps,
-      key: mergedProps && normalizeKey(mergedProps),
-      ref: extraProps && extraProps.ref ? (
-        // #2078 in the case of <component :is="vnode" ref="extra"/>
-        // if the vnode itself already has a ref, cloneVNode will need to merge
-        // the refs so the single vnode can be set on multiple refs
-        mergeRef && ref ? isArray(ref) ? ref.concat(normalizeRef(extraProps)) : [ref, normalizeRef(extraProps)] : normalizeRef(extraProps)
-      ) : ref,
-      scopeId: vnode.scopeId,
-      slotScopeIds: vnode.slotScopeIds,
-      children: patchFlag === -1 && isArray(children) ? children.map(deepCloneVNode) : children,
-      target: vnode.target,
-      targetStart: vnode.targetStart,
-      targetAnchor: vnode.targetAnchor,
-      staticCount: vnode.staticCount,
-      shapeFlag: vnode.shapeFlag,
-      // if the vnode is cloned with extra props, we can no longer assume its
-      // existing patch flag to be reliable and need to add the FULL_PROPS flag.
-      // note: preserve flag for fragments since they use the flag for children
-      // fast paths only.
-      patchFlag: extraProps && vnode.type !== Fragment ? patchFlag === -1 ? 16 : patchFlag | 16 : patchFlag,
-      dynamicProps: vnode.dynamicProps,
-      dynamicChildren: vnode.dynamicChildren,
-      appContext: vnode.appContext,
-      dirs: vnode.dirs,
-      transition,
-      // These should technically only be non-null on mounted VNodes. However,
-      // they *should* be copied for kept-alive vnodes. So we just always copy
-      // them since them being non-null during a mount doesn't affect the logic as
-      // they will simply be overwritten.
-      component: vnode.component,
-      suspense: vnode.suspense,
-      ssContent: vnode.ssContent && cloneVNode(vnode.ssContent),
-      ssFallback: vnode.ssFallback && cloneVNode(vnode.ssFallback),
-      placeholder: vnode.placeholder,
-      el: vnode.el,
-      anchor: vnode.anchor,
-      ctx: vnode.ctx,
-      ce: vnode.ce
-    };
-    if (transition && cloneTransition) {
-      setTransitionHooks(
-        cloned,
-        transition.clone(cloned)
-      );
-    }
-    return cloned;
-  }
-  function deepCloneVNode(vnode) {
-    const cloned = cloneVNode(vnode);
-    if (isArray(vnode.children)) {
-      cloned.children = vnode.children.map(deepCloneVNode);
-    }
-    return cloned;
-  }
-  function createTextVNode(text = " ", flag = 0) {
-    return createVNode(Text, null, text, flag);
-  }
-  function createStaticVNode(content, numberOfNodes) {
-    const vnode = createVNode(Static, null, content);
-    vnode.staticCount = numberOfNodes;
-    return vnode;
-  }
-  function createCommentVNode(text = "", asBlock = false) {
-    return asBlock ? (openBlock(), createBlock(Comment, null, text)) : createVNode(Comment, null, text);
-  }
-  function normalizeVNode(child) {
-    if (child == null || typeof child === "boolean") {
-      return createVNode(Comment);
-    } else if (isArray(child)) {
-      return createVNode(
-        Fragment,
-        null,
-        // #3666, avoid reference pollution when reusing vnode
-        child.slice()
-      );
-    } else if (isVNode(child)) {
-      return cloneIfMounted(child);
-    } else {
-      return createVNode(Text, null, String(child));
-    }
-  }
-  function cloneIfMounted(child) {
-    return child.el === null && child.patchFlag !== -1 || child.memo ? child : cloneVNode(child);
-  }
-  function normalizeChildren(vnode, children) {
-    let type = 0;
-    const { shapeFlag } = vnode;
-    if (children == null) {
-      children = null;
-    } else if (isArray(children)) {
-      type = 16;
-    } else if (typeof children === "object") {
-      if (shapeFlag & (1 | 64)) {
-        const slot = children.default;
-        if (slot) {
-          slot._c && (slot._d = false);
-          normalizeChildren(vnode, slot());
-          slot._c && (slot._d = true);
-        }
-        return;
-      } else {
-        type = 32;
-        const slotFlag = children._;
-        if (!slotFlag && !isInternalObject(children)) {
-          children._ctx = currentRenderingInstance;
-        } else if (slotFlag === 3 && currentRenderingInstance) {
-          if (currentRenderingInstance.slots._ === 1) {
-            children._ = 1;
-          } else {
-            children._ = 2;
-            vnode.patchFlag |= 1024;
-          }
-        }
-      }
-    } else if (isFunction(children)) {
-      children = { default: children, _ctx: currentRenderingInstance };
-      type = 32;
-    } else {
-      children = String(children);
-      if (shapeFlag & 64) {
-        type = 16;
-        children = [createTextVNode(children)];
-      } else {
-        type = 8;
-      }
-    }
-    vnode.children = children;
-    vnode.shapeFlag |= type;
-  }
-  function mergeProps(...args) {
-    const ret = {};
-    for (let i = 0; i < args.length; i++) {
-      const toMerge = args[i];
-      for (const key in toMerge) {
-        if (key === "class") {
-          if (ret.class !== toMerge.class) {
-            ret.class = normalizeClass([ret.class, toMerge.class]);
-          }
-        } else if (key === "style") {
-          ret.style = normalizeStyle([ret.style, toMerge.style]);
-        } else if (isOn(key)) {
-          const existing = ret[key];
-          const incoming = toMerge[key];
-          if (incoming && existing !== incoming && !(isArray(existing) && existing.includes(incoming))) {
-            ret[key] = existing ? [].concat(existing, incoming) : incoming;
-          }
-        } else if (key !== "") {
-          ret[key] = toMerge[key];
-        }
-      }
-    }
-    return ret;
-  }
-  function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
-    callWithAsyncErrorHandling(hook, instance, 7, [
-      vnode,
-      prevVNode
-    ]);
-  }
-
-  const emptyAppContext = createAppContext();
-  let uid = 0;
-  function createComponentInstance(vnode, parent, suspense) {
-    const type = vnode.type;
-    const appContext = (parent ? parent.appContext : vnode.appContext) || emptyAppContext;
-    const instance = {
-      uid: uid++,
-      vnode,
-      type,
-      parent,
-      appContext,
-      root: null,
-      // to be immediately set
-      next: null,
-      subTree: null,
-      // will be set synchronously right after creation
-      effect: null,
-      update: null,
-      // will be set synchronously right after creation
-      job: null,
-      scope: new EffectScope(
-        true
-        /* detached */
-      ),
-      render: null,
-      proxy: null,
-      exposed: null,
-      exposeProxy: null,
-      withProxy: null,
-      provides: parent ? parent.provides : Object.create(appContext.provides),
-      ids: parent ? parent.ids : ["", 0, 0],
-      accessCache: null,
-      renderCache: [],
-      // local resolved assets
-      components: null,
-      directives: null,
-      // resolved props and emits options
-      propsOptions: normalizePropsOptions(type, appContext),
-      emitsOptions: normalizeEmitsOptions(type, appContext),
-      // emit
-      emit: null,
-      // to be set immediately
-      emitted: null,
-      // props default value
-      propsDefaults: EMPTY_OBJ,
-      // inheritAttrs
-      inheritAttrs: type.inheritAttrs,
-      // state
-      ctx: EMPTY_OBJ,
-      data: EMPTY_OBJ,
-      props: EMPTY_OBJ,
-      attrs: EMPTY_OBJ,
-      slots: EMPTY_OBJ,
-      refs: EMPTY_OBJ,
-      setupState: EMPTY_OBJ,
-      setupContext: null,
-      // suspense related
-      suspense,
-      suspenseId: suspense ? suspense.pendingId : 0,
-      asyncDep: null,
-      asyncResolved: false,
-      // lifecycle hooks
-      // not using enums here because it results in computed properties
-      isMounted: false,
-      isUnmounted: false,
-      isDeactivated: false,
-      bc: null,
-      c: null,
-      bm: null,
-      m: null,
-      bu: null,
-      u: null,
-      um: null,
-      bum: null,
-      da: null,
-      a: null,
-      rtg: null,
-      rtc: null,
-      ec: null,
-      sp: null
-    };
-    {
-      instance.ctx = createDevRenderContext(instance);
-    }
-    instance.root = parent ? parent.root : instance;
-    instance.emit = emit.bind(null, instance);
-    if (vnode.ce) {
-      vnode.ce(instance);
-    }
-    return instance;
-  }
-  let currentInstance = null;
-  const getCurrentInstance = () => currentInstance || currentRenderingInstance;
-  let internalSetCurrentInstance;
-  let setInSSRSetupState;
-  {
-    internalSetCurrentInstance = (i) => {
-      currentInstance = i;
-    };
-    setInSSRSetupState = (v) => {
-      isInSSRComponentSetup = v;
-    };
-  }
-  const setCurrentInstance = (instance) => {
-    const prev = currentInstance;
-    internalSetCurrentInstance(instance);
-    instance.scope.on();
-    return () => {
-      instance.scope.off();
-      internalSetCurrentInstance(prev);
-    };
-  };
-  const unsetCurrentInstance = () => {
-    currentInstance && currentInstance.scope.off();
-    internalSetCurrentInstance(null);
-  };
-  const isBuiltInTag = /* @__PURE__ */ makeMap("slot,component");
-  function validateComponentName(name, { isNativeTag }) {
-    if (isBuiltInTag(name) || isNativeTag(name)) {
-      warn$1(
-        "Do not use built-in or reserved HTML elements as component id: " + name
-      );
-    }
-  }
-  function isStatefulComponent(instance) {
-    return instance.vnode.shapeFlag & 4;
-  }
-  let isInSSRComponentSetup = false;
-  function setupComponent(instance, isSSR = false, optimized = false) {
-    isSSR && setInSSRSetupState(isSSR);
-    const { props, children } = instance.vnode;
-    const isStateful = isStatefulComponent(instance);
-    initProps(instance, props, isStateful, isSSR);
-    initSlots(instance, children, optimized || isSSR);
-    const setupResult = isStateful ? setupStatefulComponent(instance, isSSR) : void 0;
-    isSSR && setInSSRSetupState(false);
-    return setupResult;
-  }
-  function setupStatefulComponent(instance, isSSR) {
-    const Component = instance.type;
-    {
-      if (Component.name) {
-        validateComponentName(Component.name, instance.appContext.config);
-      }
-      if (Component.components) {
-        const names = Object.keys(Component.components);
-        for (let i = 0; i < names.length; i++) {
-          validateComponentName(names[i], instance.appContext.config);
-        }
-      }
-      if (Component.directives) {
-        const names = Object.keys(Component.directives);
-        for (let i = 0; i < names.length; i++) {
-          validateDirectiveName(names[i]);
-        }
-      }
-      if (Component.compilerOptions && isRuntimeOnly()) {
-        warn$1(
-          `"compilerOptions" is only supported when using a build of Vue that includes the runtime compiler. Since you are using a runtime-only build, the options should be passed via your build tool config instead.`
-        );
-      }
-    }
-    instance.accessCache = /* @__PURE__ */ Object.create(null);
-    instance.proxy = new Proxy(instance.ctx, PublicInstanceProxyHandlers);
-    {
-      exposePropsOnRenderContext(instance);
-    }
-    const { setup } = Component;
-    if (setup) {
-      pauseTracking();
-      const setupContext = instance.setupContext = setup.length > 1 ? createSetupContext(instance) : null;
-      const reset = setCurrentInstance(instance);
-      const setupResult = callWithErrorHandling(
-        setup,
-        instance,
-        0,
-        [
-          shallowReadonly(instance.props) ,
-          setupContext
-        ]
-      );
-      const isAsyncSetup = isPromise(setupResult);
-      resetTracking();
-      reset();
-      if ((isAsyncSetup || instance.sp) && !isAsyncWrapper(instance)) {
-        markAsyncBoundary(instance);
-      }
-      if (isAsyncSetup) {
-        setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
-        if (isSSR) {
-          return setupResult.then((resolvedResult) => {
-            handleSetupResult(instance, resolvedResult, isSSR);
-          }).catch((e) => {
-            handleError(e, instance, 0);
-          });
-        } else {
-          instance.asyncDep = setupResult;
-          if (!instance.suspense) {
-            const name = formatComponentName(instance, Component);
-            warn$1(
-              `Component <${name}>: setup function returned a promise, but no <Suspense> boundary was found in the parent component tree. A component with async setup() must be nested in a <Suspense> in order to be rendered.`
-            );
-          }
-        }
-      } else {
-        handleSetupResult(instance, setupResult, isSSR);
-      }
-    } else {
-      finishComponentSetup(instance, isSSR);
-    }
-  }
-  function handleSetupResult(instance, setupResult, isSSR) {
-    if (isFunction(setupResult)) {
-      {
-        instance.render = setupResult;
-      }
-    } else if (isObject(setupResult)) {
-      if (isVNode(setupResult)) {
-        warn$1(
-          `setup() should not return VNodes directly - return a render function instead.`
-        );
-      }
-      {
-        instance.devtoolsRawSetupState = setupResult;
-      }
-      instance.setupState = proxyRefs(setupResult);
-      {
-        exposeSetupStateOnRenderContext(instance);
-      }
-    } else if (setupResult !== void 0) {
-      warn$1(
-        `setup() should return an object. Received: ${setupResult === null ? "null" : typeof setupResult}`
-      );
-    }
-    finishComponentSetup(instance, isSSR);
-  }
-  let compile$1;
-  let installWithProxy;
-  function registerRuntimeCompiler(_compile) {
-    compile$1 = _compile;
-    installWithProxy = (i) => {
-      if (i.render._rc) {
-        i.withProxy = new Proxy(i.ctx, RuntimeCompiledPublicInstanceProxyHandlers);
-      }
-    };
-  }
-  const isRuntimeOnly = () => !compile$1;
-  function finishComponentSetup(instance, isSSR, skipOptions) {
-    const Component = instance.type;
-    if (!instance.render) {
-      if (!isSSR && compile$1 && !Component.render) {
-        const template = Component.template || resolveMergedOptions(instance).template;
-        if (template) {
-          {
-            startMeasure(instance, `compile`);
-          }
-          const { isCustomElement, compilerOptions } = instance.appContext.config;
-          const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-          const finalCompilerOptions = extend(
-            extend(
-              {
-                isCustomElement,
-                delimiters
-              },
-              compilerOptions
-            ),
-            componentCompilerOptions
-          );
-          Component.render = compile$1(template, finalCompilerOptions);
-          {
-            endMeasure(instance, `compile`);
-          }
-        }
-      }
-      instance.render = Component.render || NOOP;
-      if (installWithProxy) {
-        installWithProxy(instance);
-      }
-    }
-    {
-      const reset = setCurrentInstance(instance);
-      pauseTracking();
-      try {
-        applyOptions(instance);
-      } finally {
-        resetTracking();
-        reset();
-      }
-    }
-    if (!Component.render && instance.render === NOOP && !isSSR) {
-      if (!compile$1 && Component.template) {
-        warn$1(
-          `Component provided template option but runtime compilation is not supported in this build of Vue.` + (` Use "vue.global.js" instead.` )
-        );
-      } else {
-        warn$1(`Component is missing template or render function: `, Component);
-      }
-    }
-  }
-  const attrsProxyHandlers = {
-    get(target, key) {
-      markAttrsAccessed();
-      track(target, "get", "");
-      return target[key];
-    },
-    set() {
-      warn$1(`setupContext.attrs is readonly.`);
-      return false;
-    },
-    deleteProperty() {
-      warn$1(`setupContext.attrs is readonly.`);
-      return false;
-    }
-  } ;
-  function getSlotsProxy(instance) {
-    return new Proxy(instance.slots, {
-      get(target, key) {
-        track(instance, "get", "$slots");
-        return target[key];
-      }
-    });
-  }
-  function createSetupContext(instance) {
-    const expose = (exposed) => {
-      {
-        if (instance.exposed) {
-          warn$1(`expose() should be called only once per setup().`);
-        }
-        if (exposed != null) {
-          let exposedType = typeof exposed;
-          if (exposedType === "object") {
-            if (isArray(exposed)) {
-              exposedType = "array";
-            } else if (isRef(exposed)) {
-              exposedType = "ref";
-            }
-          }
-          if (exposedType !== "object") {
-            warn$1(
-              `expose() should be passed a plain object, received ${exposedType}.`
-            );
-          }
-        }
-      }
-      instance.exposed = exposed || {};
-    };
-    {
-      let attrsProxy;
-      let slotsProxy;
-      return Object.freeze({
-        get attrs() {
-          return attrsProxy || (attrsProxy = new Proxy(instance.attrs, attrsProxyHandlers));
-        },
-        get slots() {
-          return slotsProxy || (slotsProxy = getSlotsProxy(instance));
-        },
-        get emit() {
-          return (event, ...args) => instance.emit(event, ...args);
-        },
-        expose
-      });
-    }
-  }
-  function getComponentPublicInstance(instance) {
-    if (instance.exposed) {
-      return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-        get(target, key) {
-          if (key in target) {
-            return target[key];
-          } else if (key in publicPropertiesMap) {
-            return publicPropertiesMap[key](instance);
-          }
-        },
-        has(target, key) {
-          return key in target || key in publicPropertiesMap;
-        }
-      }));
-    } else {
-      return instance.proxy;
-    }
-  }
-  const classifyRE = /(?:^|[-_])\w/g;
-  const classify = (str) => str.replace(classifyRE, (c) => c.toUpperCase()).replace(/[-_]/g, "");
-  function getComponentName(Component, includeInferred = true) {
-    return isFunction(Component) ? Component.displayName || Component.name : Component.name || includeInferred && Component.__name;
-  }
-  function formatComponentName(instance, Component, isRoot = false) {
-    let name = getComponentName(Component);
-    if (!name && Component.__file) {
-      const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-      if (match) {
-        name = match[1];
-      }
-    }
-    if (!name && instance) {
-      const inferFromRegistry = (registry) => {
-        for (const key in registry) {
-          if (registry[key] === Component) {
-            return key;
-          }
-        }
-      };
-      name = inferFromRegistry(instance.components) || instance.parent && inferFromRegistry(
-        instance.parent.type.components
-      ) || inferFromRegistry(instance.appContext.components);
-    }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-  }
-  function isClassComponent(value) {
-    return isFunction(value) && "__vccOpts" in value;
-  }
-
-  const computed = (getterOrOptions, debugOptions) => {
-    const c = computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
-    {
-      const i = getCurrentInstance();
-      if (i && i.appContext.config.warnRecursiveComputed) {
-        c._warnRecursive = true;
-      }
-    }
-    return c;
-  };
-
-  function h(type, propsOrChildren, children) {
-    try {
-      setBlockTracking(-1);
-      const l = arguments.length;
-      if (l === 2) {
-        if (isObject(propsOrChildren) && !isArray(propsOrChildren)) {
-          if (isVNode(propsOrChildren)) {
-            return createVNode(type, null, [propsOrChildren]);
-          }
-          return createVNode(type, propsOrChildren);
-        } else {
-          return createVNode(type, null, propsOrChildren);
-        }
-      } else {
-        if (l > 3) {
-          children = Array.prototype.slice.call(arguments, 2);
-        } else if (l === 3 && isVNode(children)) {
-          children = [children];
-        }
-        return createVNode(type, propsOrChildren, children);
-      }
-    } finally {
-      setBlockTracking(1);
-    }
-  }
-
-  function initCustomFormatter() {
-    if (typeof window === "undefined") {
-      return;
-    }
-    const vueStyle = { style: "color:#3ba776" };
-    const numberStyle = { style: "color:#1677ff" };
-    const stringStyle = { style: "color:#f5222d" };
-    const keywordStyle = { style: "color:#eb2f96" };
-    const formatter = {
-      __vue_custom_formatter: true,
-      header(obj) {
-        if (!isObject(obj)) {
-          return null;
-        }
-        if (obj.__isVue) {
-          return ["div", vueStyle, `VueInstance`];
-        } else if (isRef(obj)) {
-          pauseTracking();
-          const value = obj.value;
-          resetTracking();
-          return [
-            "div",
-            {},
-            ["span", vueStyle, genRefFlag(obj)],
-            "<",
-            formatValue(value),
-            `>`
-          ];
-        } else if (isReactive(obj)) {
-          return [
-            "div",
-            {},
-            ["span", vueStyle, isShallow(obj) ? "ShallowReactive" : "Reactive"],
-            "<",
-            formatValue(obj),
-            `>${isReadonly(obj) ? ` (readonly)` : ``}`
-          ];
-        } else if (isReadonly(obj)) {
-          return [
-            "div",
-            {},
-            ["span", vueStyle, isShallow(obj) ? "ShallowReadonly" : "Readonly"],
-            "<",
-            formatValue(obj),
-            ">"
-          ];
-        }
-        return null;
-      },
-      hasBody(obj) {
-        return obj && obj.__isVue;
-      },
-      body(obj) {
-        if (obj && obj.__isVue) {
-          return [
-            "div",
-            {},
-            ...formatInstance(obj.$)
-          ];
-        }
-      }
-    };
-    function formatInstance(instance) {
-      const blocks = [];
-      if (instance.type.props && instance.props) {
-        blocks.push(createInstanceBlock("props", toRaw(instance.props)));
-      }
-      if (instance.setupState !== EMPTY_OBJ) {
-        blocks.push(createInstanceBlock("setup", instance.setupState));
-      }
-      if (instance.data !== EMPTY_OBJ) {
-        blocks.push(createInstanceBlock("data", toRaw(instance.data)));
-      }
-      const computed = extractKeys(instance, "computed");
-      if (computed) {
-        blocks.push(createInstanceBlock("computed", computed));
-      }
-      const injected = extractKeys(instance, "inject");
-      if (injected) {
-        blocks.push(createInstanceBlock("injected", injected));
-      }
-      blocks.push([
-        "div",
-        {},
-        [
-          "span",
-          {
-            style: keywordStyle.style + ";opacity:0.66"
-          },
-          "$ (internal): "
-        ],
-        ["object", { object: instance }]
-      ]);
-      return blocks;
-    }
-    function createInstanceBlock(type, target) {
-      target = extend({}, target);
-      if (!Object.keys(target).length) {
-        return ["span", {}];
-      }
-      return [
-        "div",
-        { style: "line-height:1.25em;margin-bottom:0.6em" },
-        [
-          "div",
-          {
-            style: "color:#476582"
-          },
-          type
-        ],
-        [
-          "div",
-          {
-            style: "padding-left:1.25em"
-          },
-          ...Object.keys(target).map((key) => {
-            return [
-              "div",
-              {},
-              ["span", keywordStyle, key + ": "],
-              formatValue(target[key], false)
-            ];
-          })
-        ]
-      ];
-    }
-    function formatValue(v, asRaw = true) {
-      if (typeof v === "number") {
-        return ["span", numberStyle, v];
-      } else if (typeof v === "string") {
-        return ["span", stringStyle, JSON.stringify(v)];
-      } else if (typeof v === "boolean") {
-        return ["span", keywordStyle, v];
-      } else if (isObject(v)) {
-        return ["object", { object: asRaw ? toRaw(v) : v }];
-      } else {
-        return ["span", stringStyle, String(v)];
-      }
-    }
-    function extractKeys(instance, type) {
-      const Comp = instance.type;
-      if (isFunction(Comp)) {
-        return;
-      }
-      const extracted = {};
-      for (const key in instance.ctx) {
-        if (isKeyOfType(Comp, key, type)) {
-          extracted[key] = instance.ctx[key];
-        }
-      }
-      return extracted;
-    }
-    function isKeyOfType(Comp, key, type) {
-      const opts = Comp[type];
-      if (isArray(opts) && opts.includes(key) || isObject(opts) && key in opts) {
-        return true;
-      }
-      if (Comp.extends && isKeyOfType(Comp.extends, key, type)) {
-        return true;
-      }
-      if (Comp.mixins && Comp.mixins.some((m) => isKeyOfType(m, key, type))) {
-        return true;
-      }
-    }
-    function genRefFlag(v) {
-      if (isShallow(v)) {
-        return `ShallowRef`;
-      }
-      if (v.effect) {
-        return `ComputedRef`;
-      }
-      return `Ref`;
-    }
-    if (window.devtoolsFormatters) {
-      window.devtoolsFormatters.push(formatter);
-    } else {
-      window.devtoolsFormatters = [formatter];
-    }
-  }
-
-  function withMemo(memo, render, cache, index) {
-    const cached = cache[index];
-    if (cached && isMemoSame(cached, memo)) {
-      return cached;
-    }
-    const ret = render();
-    ret.memo = memo.slice();
-    ret.cacheIndex = index;
-    return cache[index] = ret;
-  }
-  function isMemoSame(cached, memo) {
-    const prev = cached.memo;
-    if (prev.length != memo.length) {
-      return false;
-    }
-    for (let i = 0; i < prev.length; i++) {
-      if (hasChanged(prev[i], memo[i])) {
-        return false;
-      }
-    }
-    if (isBlockTreeEnabled > 0 && currentBlock) {
-      currentBlock.push(cached);
-    }
-    return true;
-  }
-
-  const version = "3.5.28";
-  const warn = warn$1 ;
-  const ErrorTypeStrings = ErrorTypeStrings$1 ;
-  const devtools = devtools$1 ;
-  const setDevtoolsHook = setDevtoolsHook$1 ;
-  const ssrUtils = null;
-  const resolveFilter = null;
-  const compatUtils = null;
-  const DeprecationTypes = null;
-
-  let policy = void 0;
-  const tt = typeof window !== "undefined" && window.trustedTypes;
-  if (tt) {
-    try {
-      policy = /* @__PURE__ */ tt.createPolicy("vue", {
-        createHTML: (val) => val
-      });
-    } catch (e) {
-      warn(`Error creating trusted types policy: ${e}`);
-    }
-  }
-  const unsafeToTrustedHTML = policy ? (val) => policy.createHTML(val) : (val) => val;
-  const svgNS = "http://www.w3.org/2000/svg";
-  const mathmlNS = "http://www.w3.org/1998/Math/MathML";
-  const doc = typeof document !== "undefined" ? document : null;
-  const templateContainer = doc && /* @__PURE__ */ doc.createElement("template");
-  const nodeOps = {
-    insert: (child, parent, anchor) => {
-      parent.insertBefore(child, anchor || null);
-    },
-    remove: (child) => {
-      const parent = child.parentNode;
-      if (parent) {
-        parent.removeChild(child);
-      }
-    },
-    createElement: (tag, namespace, is, props) => {
-      const el = namespace === "svg" ? doc.createElementNS(svgNS, tag) : namespace === "mathml" ? doc.createElementNS(mathmlNS, tag) : is ? doc.createElement(tag, { is }) : doc.createElement(tag);
-      if (tag === "select" && props && props.multiple != null) {
-        el.setAttribute("multiple", props.multiple);
-      }
-      return el;
-    },
-    createText: (text) => doc.createTextNode(text),
-    createComment: (text) => doc.createComment(text),
-    setText: (node, text) => {
-      node.nodeValue = text;
-    },
-    setElementText: (el, text) => {
-      el.textContent = text;
-    },
-    parentNode: (node) => node.parentNode,
-    nextSibling: (node) => node.nextSibling,
-    querySelector: (selector) => doc.querySelector(selector),
-    setScopeId(el, id) {
-      el.setAttribute(id, "");
-    },
-    // __UNSAFE__
-    // Reason: innerHTML.
-    // Static content here can only come from compiled templates.
-    // As long as the user only uses trusted templates, this is safe.
-    insertStaticContent(content, parent, anchor, namespace, start, end) {
-      const before = anchor ? anchor.previousSibling : parent.lastChild;
-      if (start && (start === end || start.nextSibling)) {
-        while (true) {
-          parent.insertBefore(start.cloneNode(true), anchor);
-          if (start === end || !(start = start.nextSibling)) break;
-        }
-      } else {
-        templateContainer.innerHTML = unsafeToTrustedHTML(
-          namespace === "svg" ? `<svg>${content}</svg>` : namespace === "mathml" ? `<math>${content}</math>` : content
-        );
-        const template = templateContainer.content;
-        if (namespace === "svg" || namespace === "mathml") {
-          const wrapper = template.firstChild;
-          while (wrapper.firstChild) {
-            template.appendChild(wrapper.firstChild);
-          }
-          template.removeChild(wrapper);
-        }
-        parent.insertBefore(template, anchor);
-      }
-      return [
-        // first
-        before ? before.nextSibling : parent.firstChild,
-        // last
-        anchor ? anchor.previousSibling : parent.lastChild
-      ];
-    }
-  };
-
-  const TRANSITION$1 = "transition";
-  const ANIMATION = "animation";
-  const vtcKey = /* @__PURE__ */ Symbol("_vtc");
-  const DOMTransitionPropsValidators = {
-    name: String,
-    type: String,
-    css: {
-      type: Boolean,
-      default: true
-    },
-    duration: [String, Number, Object],
-    enterFromClass: String,
-    enterActiveClass: String,
-    enterToClass: String,
-    appearFromClass: String,
-    appearActiveClass: String,
-    appearToClass: String,
-    leaveFromClass: String,
-    leaveActiveClass: String,
-    leaveToClass: String
-  };
-  const TransitionPropsValidators = /* @__PURE__ */ extend(
-    {},
-    BaseTransitionPropsValidators,
-    DOMTransitionPropsValidators
-  );
-  const decorate$1 = (t) => {
-    t.displayName = "Transition";
-    t.props = TransitionPropsValidators;
-    return t;
-  };
-  const Transition = /* @__PURE__ */ decorate$1(
-    (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots)
-  );
-  const callHook = (hook, args = []) => {
-    if (isArray(hook)) {
-      hook.forEach((h2) => h2(...args));
-    } else if (hook) {
-      hook(...args);
-    }
-  };
-  const hasExplicitCallback = (hook) => {
-    return hook ? isArray(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
-  };
-  function resolveTransitionProps(rawProps) {
-    const baseProps = {};
-    for (const key in rawProps) {
-      if (!(key in DOMTransitionPropsValidators)) {
-        baseProps[key] = rawProps[key];
-      }
-    }
-    if (rawProps.css === false) {
-      return baseProps;
-    }
-    const {
-      name = "v",
-      type,
-      duration,
-      enterFromClass = `${name}-enter-from`,
-      enterActiveClass = `${name}-enter-active`,
-      enterToClass = `${name}-enter-to`,
-      appearFromClass = enterFromClass,
-      appearActiveClass = enterActiveClass,
-      appearToClass = enterToClass,
-      leaveFromClass = `${name}-leave-from`,
-      leaveActiveClass = `${name}-leave-active`,
-      leaveToClass = `${name}-leave-to`
-    } = rawProps;
-    const durations = normalizeDuration(duration);
-    const enterDuration = durations && durations[0];
-    const leaveDuration = durations && durations[1];
-    const {
-      onBeforeEnter,
-      onEnter,
-      onEnterCancelled,
-      onLeave,
-      onLeaveCancelled,
-      onBeforeAppear = onBeforeEnter,
-      onAppear = onEnter,
-      onAppearCancelled = onEnterCancelled
-    } = baseProps;
-    const finishEnter = (el, isAppear, done, isCancelled) => {
-      el._enterCancelled = isCancelled;
-      removeTransitionClass(el, isAppear ? appearToClass : enterToClass);
-      removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
-      done && done();
-    };
-    const finishLeave = (el, done) => {
-      el._isLeaving = false;
-      removeTransitionClass(el, leaveFromClass);
-      removeTransitionClass(el, leaveToClass);
-      removeTransitionClass(el, leaveActiveClass);
-      done && done();
-    };
-    const makeEnterHook = (isAppear) => {
-      return (el, done) => {
-        const hook = isAppear ? onAppear : onEnter;
-        const resolve = () => finishEnter(el, isAppear, done);
-        callHook(hook, [el, resolve]);
-        nextFrame(() => {
-          removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass);
-          addTransitionClass(el, isAppear ? appearToClass : enterToClass);
-          if (!hasExplicitCallback(hook)) {
-            whenTransitionEnds(el, type, enterDuration, resolve);
-          }
-        });
-      };
-    };
-    return extend(baseProps, {
-      onBeforeEnter(el) {
-        callHook(onBeforeEnter, [el]);
-        addTransitionClass(el, enterFromClass);
-        addTransitionClass(el, enterActiveClass);
-      },
-      onBeforeAppear(el) {
-        callHook(onBeforeAppear, [el]);
-        addTransitionClass(el, appearFromClass);
-        addTransitionClass(el, appearActiveClass);
-      },
-      onEnter: makeEnterHook(false),
-      onAppear: makeEnterHook(true),
-      onLeave(el, done) {
-        el._isLeaving = true;
-        const resolve = () => finishLeave(el, done);
-        addTransitionClass(el, leaveFromClass);
-        if (!el._enterCancelled) {
-          forceReflow(el);
-          addTransitionClass(el, leaveActiveClass);
-        } else {
-          addTransitionClass(el, leaveActiveClass);
-          forceReflow(el);
-        }
-        nextFrame(() => {
-          if (!el._isLeaving) {
-            return;
-          }
-          removeTransitionClass(el, leaveFromClass);
-          addTransitionClass(el, leaveToClass);
-          if (!hasExplicitCallback(onLeave)) {
-            whenTransitionEnds(el, type, leaveDuration, resolve);
-          }
-        });
-        callHook(onLeave, [el, resolve]);
-      },
-      onEnterCancelled(el) {
-        finishEnter(el, false, void 0, true);
-        callHook(onEnterCancelled, [el]);
-      },
-      onAppearCancelled(el) {
-        finishEnter(el, true, void 0, true);
-        callHook(onAppearCancelled, [el]);
-      },
-      onLeaveCancelled(el) {
-        finishLeave(el);
-        callHook(onLeaveCancelled, [el]);
-      }
-    });
-  }
-  function normalizeDuration(duration) {
-    if (duration == null) {
-      return null;
-    } else if (isObject(duration)) {
-      return [NumberOf(duration.enter), NumberOf(duration.leave)];
-    } else {
-      const n = NumberOf(duration);
-      return [n, n];
-    }
-  }
-  function NumberOf(val) {
-    const res = toNumber(val);
-    {
-      assertNumber(res, "<transition> explicit duration");
-    }
-    return res;
-  }
-  function addTransitionClass(el, cls) {
-    cls.split(/\s+/).forEach((c) => c && el.classList.add(c));
-    (el[vtcKey] || (el[vtcKey] = /* @__PURE__ */ new Set())).add(cls);
-  }
-  function removeTransitionClass(el, cls) {
-    cls.split(/\s+/).forEach((c) => c && el.classList.remove(c));
-    const _vtc = el[vtcKey];
-    if (_vtc) {
-      _vtc.delete(cls);
-      if (!_vtc.size) {
-        el[vtcKey] = void 0;
-      }
-    }
-  }
-  function nextFrame(cb) {
-    requestAnimationFrame(() => {
-      requestAnimationFrame(cb);
-    });
-  }
-  let endId = 0;
-  function whenTransitionEnds(el, expectedType, explicitTimeout, resolve) {
-    const id = el._endId = ++endId;
-    const resolveIfNotStale = () => {
-      if (id === el._endId) {
-        resolve();
-      }
-    };
-    if (explicitTimeout != null) {
-      return setTimeout(resolveIfNotStale, explicitTimeout);
-    }
-    const { type, timeout, propCount } = getTransitionInfo(el, expectedType);
-    if (!type) {
-      return resolve();
-    }
-    const endEvent = type + "end";
-    let ended = 0;
-    const end = () => {
-      el.removeEventListener(endEvent, onEnd);
-      resolveIfNotStale();
-    };
-    const onEnd = (e) => {
-      if (e.target === el && ++ended >= propCount) {
-        end();
-      }
-    };
-    setTimeout(() => {
-      if (ended < propCount) {
-        end();
-      }
-    }, timeout + 1);
-    el.addEventListener(endEvent, onEnd);
-  }
-  function getTransitionInfo(el, expectedType) {
-    const styles = window.getComputedStyle(el);
-    const getStyleProperties = (key) => (styles[key] || "").split(", ");
-    const transitionDelays = getStyleProperties(`${TRANSITION$1}Delay`);
-    const transitionDurations = getStyleProperties(`${TRANSITION$1}Duration`);
-    const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
-    const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
-    const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
-    const animationTimeout = getTimeout(animationDelays, animationDurations);
-    let type = null;
-    let timeout = 0;
-    let propCount = 0;
-    if (expectedType === TRANSITION$1) {
-      if (transitionTimeout > 0) {
-        type = TRANSITION$1;
-        timeout = transitionTimeout;
-        propCount = transitionDurations.length;
-      }
-    } else if (expectedType === ANIMATION) {
-      if (animationTimeout > 0) {
-        type = ANIMATION;
-        timeout = animationTimeout;
-        propCount = animationDurations.length;
-      }
-    } else {
-      timeout = Math.max(transitionTimeout, animationTimeout);
-      type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION$1 : ANIMATION : null;
-      propCount = type ? type === TRANSITION$1 ? transitionDurations.length : animationDurations.length : 0;
-    }
-    const hasTransform = type === TRANSITION$1 && /\b(?:transform|all)(?:,|$)/.test(
-      getStyleProperties(`${TRANSITION$1}Property`).toString()
-    );
-    return {
-      type,
-      timeout,
-      propCount,
-      hasTransform
-    };
-  }
-  function getTimeout(delays, durations) {
-    while (delays.length < durations.length) {
-      delays = delays.concat(delays);
-    }
-    return Math.max(...durations.map((d, i) => toMs(d) + toMs(delays[i])));
-  }
-  function toMs(s) {
-    if (s === "auto") return 0;
-    return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
-  }
-  function forceReflow(el) {
-    const targetDocument = el ? el.ownerDocument : document;
-    return targetDocument.body.offsetHeight;
-  }
-
-  function patchClass(el, value, isSVG) {
-    const transitionClasses = el[vtcKey];
-    if (transitionClasses) {
-      value = (value ? [value, ...transitionClasses] : [...transitionClasses]).join(" ");
-    }
-    if (value == null) {
-      el.removeAttribute("class");
-    } else if (isSVG) {
-      el.setAttribute("class", value);
-    } else {
-      el.className = value;
-    }
-  }
-
-  const vShowOriginalDisplay = /* @__PURE__ */ Symbol("_vod");
-  const vShowHidden = /* @__PURE__ */ Symbol("_vsh");
-  const vShow = {
-    // used for prop mismatch check during hydration
-    name: "show",
-    beforeMount(el, { value }, { transition }) {
-      el[vShowOriginalDisplay] = el.style.display === "none" ? "" : el.style.display;
-      if (transition && value) {
-        transition.beforeEnter(el);
-      } else {
-        setDisplay(el, value);
-      }
-    },
-    mounted(el, { value }, { transition }) {
-      if (transition && value) {
-        transition.enter(el);
-      }
-    },
-    updated(el, { value, oldValue }, { transition }) {
-      if (!value === !oldValue) return;
-      if (transition) {
-        if (value) {
-          transition.beforeEnter(el);
-          setDisplay(el, true);
-          transition.enter(el);
-        } else {
-          transition.leave(el, () => {
-            setDisplay(el, false);
-          });
-        }
-      } else {
-        setDisplay(el, value);
-      }
-    },
-    beforeUnmount(el, { value }) {
-      setDisplay(el, value);
-    }
-  };
-  function setDisplay(el, value) {
-    el.style.display = value ? el[vShowOriginalDisplay] : "none";
-    el[vShowHidden] = !value;
-  }
-
-  const CSS_VAR_TEXT = /* @__PURE__ */ Symbol("CSS_VAR_TEXT" );
-  function useCssVars(getter) {
-    const instance = getCurrentInstance();
-    if (!instance) {
-      warn(`useCssVars is called without current active component instance.`);
-      return;
-    }
-    const updateTeleports = instance.ut = (vars = getter(instance.proxy)) => {
-      Array.from(
-        document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)
-      ).forEach((node) => setVarsOnNode(node, vars));
-    };
-    {
-      instance.getCssVars = () => getter(instance.proxy);
-    }
-    const setVars = () => {
-      const vars = getter(instance.proxy);
-      if (instance.ce) {
-        setVarsOnNode(instance.ce, vars);
-      } else {
-        setVarsOnVNode(instance.subTree, vars);
-      }
-      updateTeleports(vars);
-    };
-    onBeforeUpdate(() => {
-      queuePostFlushCb(setVars);
-    });
-    onMounted(() => {
-      watch(setVars, NOOP, { flush: "post" });
-      const ob = new MutationObserver(setVars);
-      ob.observe(instance.subTree.el.parentNode, { childList: true });
-      onUnmounted(() => ob.disconnect());
-    });
-  }
-  function setVarsOnVNode(vnode, vars) {
-    if (vnode.shapeFlag & 128) {
-      const suspense = vnode.suspense;
-      vnode = suspense.activeBranch;
-      if (suspense.pendingBranch && !suspense.isHydrating) {
-        suspense.effects.push(() => {
-          setVarsOnVNode(suspense.activeBranch, vars);
-        });
-      }
-    }
-    while (vnode.component) {
-      vnode = vnode.component.subTree;
-    }
-    if (vnode.shapeFlag & 1 && vnode.el) {
-      setVarsOnNode(vnode.el, vars);
-    } else if (vnode.type === Fragment) {
-      vnode.children.forEach((c) => setVarsOnVNode(c, vars));
-    } else if (vnode.type === Static) {
-      let { el, anchor } = vnode;
-      while (el) {
-        setVarsOnNode(el, vars);
-        if (el === anchor) break;
-        el = el.nextSibling;
-      }
-    }
-  }
-  function setVarsOnNode(el, vars) {
-    if (el.nodeType === 1) {
-      const style = el.style;
-      let cssText = "";
-      for (const key in vars) {
-        const value = normalizeCssVarValue(vars[key]);
-        style.setProperty(`--${key}`, value);
-        cssText += `--${key}: ${value};`;
-      }
-      style[CSS_VAR_TEXT] = cssText;
-    }
-  }
-
-  const displayRE = /(?:^|;)\s*display\s*:/;
-  function patchStyle(el, prev, next) {
-    const style = el.style;
-    const isCssString = isString(next);
-    let hasControlledDisplay = false;
-    if (next && !isCssString) {
-      if (prev) {
-        if (!isString(prev)) {
-          for (const key in prev) {
-            if (next[key] == null) {
-              setStyle(style, key, "");
-            }
-          }
-        } else {
-          for (const prevStyle of prev.split(";")) {
-            const key = prevStyle.slice(0, prevStyle.indexOf(":")).trim();
-            if (next[key] == null) {
-              setStyle(style, key, "");
-            }
-          }
-        }
-      }
-      for (const key in next) {
-        if (key === "display") {
-          hasControlledDisplay = true;
-        }
-        setStyle(style, key, next[key]);
-      }
-    } else {
-      if (isCssString) {
-        if (prev !== next) {
-          const cssVarText = style[CSS_VAR_TEXT];
-          if (cssVarText) {
-            next += ";" + cssVarText;
-          }
-          style.cssText = next;
-          hasControlledDisplay = displayRE.test(next);
-        }
-      } else if (prev) {
-        el.removeAttribute("style");
-      }
-    }
-    if (vShowOriginalDisplay in el) {
-      el[vShowOriginalDisplay] = hasControlledDisplay ? style.display : "";
-      if (el[vShowHidden]) {
-        style.display = "none";
-      }
-    }
-  }
-  const semicolonRE = /[^\\];\s*$/;
-  const importantRE = /\s*!important$/;
-  function setStyle(style, name, val) {
-    if (isArray(val)) {
-      val.forEach((v) => setStyle(style, name, v));
-    } else {
-      if (val == null) val = "";
-      {
-        if (semicolonRE.test(val)) {
-          warn(
-            `Unexpected semicolon at the end of '${name}' style value: '${val}'`
-          );
-        }
-      }
-      if (name.startsWith("--")) {
-        style.setProperty(name, val);
-      } else {
-        const prefixed = autoPrefix(style, name);
-        if (importantRE.test(val)) {
-          style.setProperty(
-            hyphenate(prefixed),
-            val.replace(importantRE, ""),
-            "important"
-          );
-        } else {
-          style[prefixed] = val;
-        }
-      }
-    }
-  }
-  const prefixes = ["Webkit", "Moz", "ms"];
-  const prefixCache = {};
-  function autoPrefix(style, rawName) {
-    const cached = prefixCache[rawName];
-    if (cached) {
-      return cached;
-    }
-    let name = camelize(rawName);
-    if (name !== "filter" && name in style) {
-      return prefixCache[rawName] = name;
-    }
-    name = capitalize(name);
-    for (let i = 0; i < prefixes.length; i++) {
-      const prefixed = prefixes[i] + name;
-      if (prefixed in style) {
-        return prefixCache[rawName] = prefixed;
-      }
-    }
-    return rawName;
-  }
-
-  const xlinkNS = "http://www.w3.org/1999/xlink";
-  function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBooleanAttr(key)) {
-    if (isSVG && key.startsWith("xlink:")) {
-      if (value == null) {
-        el.removeAttributeNS(xlinkNS, key.slice(6, key.length));
-      } else {
-        el.setAttributeNS(xlinkNS, key, value);
-      }
-    } else {
-      if (value == null || isBoolean && !includeBooleanAttr(value)) {
-        el.removeAttribute(key);
-      } else {
-        el.setAttribute(
-          key,
-          isBoolean ? "" : isSymbol(value) ? String(value) : value
-        );
-      }
-    }
-  }
-
-  function patchDOMProp(el, key, value, parentComponent, attrName) {
-    if (key === "innerHTML" || key === "textContent") {
-      if (value != null) {
-        el[key] = key === "innerHTML" ? unsafeToTrustedHTML(value) : value;
-      }
-      return;
-    }
-    const tag = el.tagName;
-    if (key === "value" && tag !== "PROGRESS" && // custom elements may use _value internally
-    !tag.includes("-")) {
-      const oldValue = tag === "OPTION" ? el.getAttribute("value") || "" : el.value;
-      const newValue = value == null ? (
-        // #11647: value should be set as empty string for null and undefined,
-        // but <input type="checkbox"> should be set as 'on'.
-        el.type === "checkbox" ? "on" : ""
-      ) : String(value);
-      if (oldValue !== newValue || !("_value" in el)) {
-        el.value = newValue;
-      }
-      if (value == null) {
-        el.removeAttribute(key);
-      }
-      el._value = value;
-      return;
-    }
-    let needRemove = false;
-    if (value === "" || value == null) {
-      const type = typeof el[key];
-      if (type === "boolean") {
-        value = includeBooleanAttr(value);
-      } else if (value == null && type === "string") {
-        value = "";
-        needRemove = true;
-      } else if (type === "number") {
-        value = 0;
-        needRemove = true;
-      }
-    }
-    try {
-      el[key] = value;
-    } catch (e) {
-      if (!needRemove) {
-        warn(
-          `Failed setting prop "${key}" on <${tag.toLowerCase()}>: value ${value} is invalid.`,
-          e
-        );
-      }
-    }
-    needRemove && el.removeAttribute(attrName || key);
-  }
-
-  function addEventListener(el, event, handler, options) {
-    el.addEventListener(event, handler, options);
-  }
-  function removeEventListener(el, event, handler, options) {
-    el.removeEventListener(event, handler, options);
-  }
-  const veiKey = /* @__PURE__ */ Symbol("_vei");
-  function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
-    const invokers = el[veiKey] || (el[veiKey] = {});
-    const existingInvoker = invokers[rawName];
-    if (nextValue && existingInvoker) {
-      existingInvoker.value = sanitizeEventValue(nextValue, rawName) ;
-    } else {
-      const [name, options] = parseName(rawName);
-      if (nextValue) {
-        const invoker = invokers[rawName] = createInvoker(
-          sanitizeEventValue(nextValue, rawName) ,
-          instance
-        );
-        addEventListener(el, name, invoker, options);
-      } else if (existingInvoker) {
-        removeEventListener(el, name, existingInvoker, options);
-        invokers[rawName] = void 0;
-      }
-    }
-  }
-  const optionsModifierRE = /(?:Once|Passive|Capture)$/;
-  function parseName(name) {
-    let options;
-    if (optionsModifierRE.test(name)) {
-      options = {};
-      let m;
-      while (m = name.match(optionsModifierRE)) {
-        name = name.slice(0, name.length - m[0].length);
-        options[m[0].toLowerCase()] = true;
-      }
-    }
-    const event = name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2));
-    return [event, options];
-  }
-  let cachedNow = 0;
-  const p = /* @__PURE__ */ Promise.resolve();
-  const getNow = () => cachedNow || (p.then(() => cachedNow = 0), cachedNow = Date.now());
-  function createInvoker(initialValue, instance) {
-    const invoker = (e) => {
-      if (!e._vts) {
-        e._vts = Date.now();
-      } else if (e._vts <= invoker.attached) {
-        return;
-      }
-      callWithAsyncErrorHandling(
-        patchStopImmediatePropagation(e, invoker.value),
-        instance,
-        5,
-        [e]
-      );
-    };
-    invoker.value = initialValue;
-    invoker.attached = getNow();
-    return invoker;
-  }
-  function sanitizeEventValue(value, propName) {
-    if (isFunction(value) || isArray(value)) {
-      return value;
-    }
-    warn(
-      `Wrong type passed as event handler to ${propName} - did you forget @ or : in front of your prop?
-Expected function or array of functions, received type ${typeof value}.`
-    );
-    return NOOP;
-  }
-  function patchStopImmediatePropagation(e, value) {
-    if (isArray(value)) {
-      const originalStop = e.stopImmediatePropagation;
-      e.stopImmediatePropagation = () => {
-        originalStop.call(e);
-        e._stopped = true;
-      };
-      return value.map(
-        (fn) => (e2) => !e2._stopped && fn && fn(e2)
-      );
-    } else {
-      return value;
-    }
-  }
-
-  const isNativeOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && // lowercase letter
-  key.charCodeAt(2) > 96 && key.charCodeAt(2) < 123;
-  const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
-    const isSVG = namespace === "svg";
-    if (key === "class") {
-      patchClass(el, nextValue, isSVG);
-    } else if (key === "style") {
-      patchStyle(el, prevValue, nextValue);
-    } else if (isOn(key)) {
-      if (!isModelListener(key)) {
-        patchEvent(el, key, prevValue, nextValue, parentComponent);
-      }
-    } else if (key[0] === "." ? (key = key.slice(1), true) : key[0] === "^" ? (key = key.slice(1), false) : shouldSetAsProp(el, key, nextValue, isSVG)) {
-      patchDOMProp(el, key, nextValue);
-      if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) {
-        patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
-      }
-    } else if (
-      // #11081 force set props for possible async custom element
-      el._isVueCE && (/[A-Z]/.test(key) || !isString(nextValue))
-    ) {
-      patchDOMProp(el, camelize(key), nextValue, parentComponent, key);
-    } else {
-      if (key === "true-value") {
-        el._trueValue = nextValue;
-      } else if (key === "false-value") {
-        el._falseValue = nextValue;
-      }
-      patchAttr(el, key, nextValue, isSVG);
-    }
-  };
-  function shouldSetAsProp(el, key, value, isSVG) {
-    if (isSVG) {
-      if (key === "innerHTML" || key === "textContent") {
-        return true;
-      }
-      if (key in el && isNativeOn(key) && isFunction(value)) {
-        return true;
-      }
-      return false;
-    }
-    if (key === "spellcheck" || key === "draggable" || key === "translate" || key === "autocorrect") {
-      return false;
-    }
-    if (key === "sandbox" && el.tagName === "IFRAME") {
-      return false;
-    }
-    if (key === "form") {
-      return false;
-    }
-    if (key === "list" && el.tagName === "INPUT") {
-      return false;
-    }
-    if (key === "type" && el.tagName === "TEXTAREA") {
-      return false;
-    }
-    if (key === "width" || key === "height") {
-      const tag = el.tagName;
-      if (tag === "IMG" || tag === "VIDEO" || tag === "CANVAS" || tag === "SOURCE") {
-        return false;
-      }
-    }
-    if (isNativeOn(key) && isString(value)) {
-      return false;
-    }
-    return key in el;
-  }
-
-  const REMOVAL = {};
-  // @__NO_SIDE_EFFECTS__
-  function defineCustomElement(options, extraOptions, _createApp) {
-    let Comp = defineComponent(options, extraOptions);
-    if (isPlainObject(Comp)) Comp = extend({}, Comp, extraOptions);
-    class VueCustomElement extends VueElement {
-      constructor(initialProps) {
-        super(Comp, initialProps, _createApp);
-      }
-    }
-    VueCustomElement.def = Comp;
-    return VueCustomElement;
-  }
-  const defineSSRCustomElement = (/* @__NO_SIDE_EFFECTS__ */ (options, extraOptions) => {
-    return /* @__PURE__ */ defineCustomElement(options, extraOptions, createSSRApp);
-  });
-  const BaseClass = typeof HTMLElement !== "undefined" ? HTMLElement : class {
-  };
-  class VueElement extends BaseClass {
-    constructor(_def, _props = {}, _createApp = createApp) {
-      super();
-      this._def = _def;
-      this._props = _props;
-      this._createApp = _createApp;
-      this._isVueCE = true;
-      /**
-       * @internal
-       */
-      this._instance = null;
-      /**
-       * @internal
-       */
-      this._app = null;
-      /**
-       * @internal
-       */
-      this._nonce = this._def.nonce;
-      this._connected = false;
-      this._resolved = false;
-      this._patching = false;
-      this._dirty = false;
-      this._numberProps = null;
-      this._styleChildren = /* @__PURE__ */ new WeakSet();
-      this._ob = null;
-      if (this.shadowRoot && _createApp !== createApp) {
-        this._root = this.shadowRoot;
-      } else {
-        if (this.shadowRoot) {
-          warn(
-            `Custom element has pre-rendered declarative shadow root but is not defined as hydratable. Use \`defineSSRCustomElement\`.`
-          );
-        }
-        if (_def.shadowRoot !== false) {
-          this.attachShadow(
-            extend({}, _def.shadowRootOptions, {
-              mode: "open"
-            })
-          );
-          this._root = this.shadowRoot;
-        } else {
-          this._root = this;
-        }
-      }
-    }
-    connectedCallback() {
-      if (!this.isConnected) return;
-      if (!this.shadowRoot && !this._resolved) {
-        this._parseSlots();
-      }
-      this._connected = true;
-      let parent = this;
-      while (parent = parent && (parent.parentNode || parent.host)) {
-        if (parent instanceof VueElement) {
-          this._parent = parent;
-          break;
-        }
-      }
-      if (!this._instance) {
-        if (this._resolved) {
-          this._mount(this._def);
-        } else {
-          if (parent && parent._pendingResolve) {
-            this._pendingResolve = parent._pendingResolve.then(() => {
-              this._pendingResolve = void 0;
-              this._resolveDef();
-            });
-          } else {
-            this._resolveDef();
-          }
-        }
-      }
-    }
-    _setParent(parent = this._parent) {
-      if (parent) {
-        this._instance.parent = parent._instance;
-        this._inheritParentContext(parent);
-      }
-    }
-    _inheritParentContext(parent = this._parent) {
-      if (parent && this._app) {
-        Object.setPrototypeOf(
-          this._app._context.provides,
-          parent._instance.provides
-        );
-      }
-    }
-    disconnectedCallback() {
-      this._connected = false;
-      nextTick(() => {
-        if (!this._connected) {
-          if (this._ob) {
-            this._ob.disconnect();
-            this._ob = null;
-          }
-          this._app && this._app.unmount();
-          if (this._instance) this._instance.ce = void 0;
-          this._app = this._instance = null;
-          if (this._teleportTargets) {
-            this._teleportTargets.clear();
-            this._teleportTargets = void 0;
-          }
-        }
-      });
-    }
-    _processMutations(mutations) {
-      for (const m of mutations) {
-        this._setAttr(m.attributeName);
-      }
-    }
-    /**
-     * resolve inner component definition (handle possible async component)
-     */
-    _resolveDef() {
-      if (this._pendingResolve) {
-        return;
-      }
-      for (let i = 0; i < this.attributes.length; i++) {
-        this._setAttr(this.attributes[i].name);
-      }
-      this._ob = new MutationObserver(this._processMutations.bind(this));
-      this._ob.observe(this, { attributes: true });
-      const resolve = (def, isAsync = false) => {
-        this._resolved = true;
-        this._pendingResolve = void 0;
-        const { props, styles } = def;
-        let numberProps;
-        if (props && !isArray(props)) {
-          for (const key in props) {
-            const opt = props[key];
-            if (opt === Number || opt && opt.type === Number) {
-              if (key in this._props) {
-                this._props[key] = toNumber(this._props[key]);
-              }
-              (numberProps || (numberProps = /* @__PURE__ */ Object.create(null)))[camelize(key)] = true;
-            }
-          }
-        }
-        this._numberProps = numberProps;
-        this._resolveProps(def);
-        if (this.shadowRoot) {
-          this._applyStyles(styles);
-        } else if (styles) {
-          warn(
-            "Custom element style injection is not supported when using shadowRoot: false"
-          );
-        }
-        this._mount(def);
-      };
-      const asyncDef = this._def.__asyncLoader;
-      if (asyncDef) {
-        this._pendingResolve = asyncDef().then((def) => {
-          def.configureApp = this._def.configureApp;
-          resolve(this._def = def, true);
-        });
-      } else {
-        resolve(this._def);
-      }
-    }
-    _mount(def) {
-      if (!def.name) {
-        def.name = "VueElement";
-      }
-      this._app = this._createApp(def);
-      this._inheritParentContext();
-      if (def.configureApp) {
-        def.configureApp(this._app);
-      }
-      this._app._ceVNode = this._createVNode();
-      this._app.mount(this._root);
-      const exposed = this._instance && this._instance.exposed;
-      if (!exposed) return;
-      for (const key in exposed) {
-        if (!hasOwn(this, key)) {
-          Object.defineProperty(this, key, {
-            // unwrap ref to be consistent with public instance behavior
-            get: () => unref(exposed[key])
-          });
-        } else {
-          warn(`Exposed property "${key}" already exists on custom element.`);
-        }
-      }
-    }
-    _resolveProps(def) {
-      const { props } = def;
-      const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
-      for (const key of Object.keys(this)) {
-        if (key[0] !== "_" && declaredPropKeys.includes(key)) {
-          this._setProp(key, this[key]);
-        }
-      }
-      for (const key of declaredPropKeys.map(camelize)) {
-        Object.defineProperty(this, key, {
-          get() {
-            return this._getProp(key);
-          },
-          set(val) {
-            this._setProp(key, val, true, !this._patching);
-          }
-        });
-      }
-    }
-    _setAttr(key) {
-      if (key.startsWith("data-v-")) return;
-      const has = this.hasAttribute(key);
-      let value = has ? this.getAttribute(key) : REMOVAL;
-      const camelKey = camelize(key);
-      if (has && this._numberProps && this._numberProps[camelKey]) {
-        value = toNumber(value);
-      }
-      this._setProp(camelKey, value, false, true);
-    }
-    /**
-     * @internal
-     */
-    _getProp(key) {
-      return this._props[key];
-    }
-    /**
-     * @internal
-     */
-    _setProp(key, val, shouldReflect = true, shouldUpdate = false) {
-      if (val !== this._props[key]) {
-        this._dirty = true;
-        if (val === REMOVAL) {
-          delete this._props[key];
-        } else {
-          this._props[key] = val;
-          if (key === "key" && this._app) {
-            this._app._ceVNode.key = val;
-          }
-        }
-        if (shouldUpdate && this._instance) {
-          this._update();
-        }
-        if (shouldReflect) {
-          const ob = this._ob;
-          if (ob) {
-            this._processMutations(ob.takeRecords());
-            ob.disconnect();
-          }
-          if (val === true) {
-            this.setAttribute(hyphenate(key), "");
-          } else if (typeof val === "string" || typeof val === "number") {
-            this.setAttribute(hyphenate(key), val + "");
-          } else if (!val) {
-            this.removeAttribute(hyphenate(key));
-          }
-          ob && ob.observe(this, { attributes: true });
-        }
-      }
-    }
-    _update() {
-      const vnode = this._createVNode();
-      if (this._app) vnode.appContext = this._app._context;
-      render(vnode, this._root);
-    }
-    _createVNode() {
-      const baseProps = {};
-      if (!this.shadowRoot) {
-        baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);
-      }
-      const vnode = createVNode(this._def, extend(baseProps, this._props));
-      if (!this._instance) {
-        vnode.ce = (instance) => {
-          this._instance = instance;
-          instance.ce = this;
-          instance.isCE = true;
-          {
-            instance.ceReload = (newStyles) => {
-              if (this._styles) {
-                this._styles.forEach((s) => this._root.removeChild(s));
-                this._styles.length = 0;
-              }
-              this._applyStyles(newStyles);
-              this._instance = null;
-              this._update();
-            };
-          }
-          const dispatch = (event, args) => {
-            this.dispatchEvent(
-              new CustomEvent(
-                event,
-                isPlainObject(args[0]) ? extend({ detail: args }, args[0]) : { detail: args }
-              )
-            );
-          };
-          instance.emit = (event, ...args) => {
-            dispatch(event, args);
-            if (hyphenate(event) !== event) {
-              dispatch(hyphenate(event), args);
-            }
-          };
-          this._setParent();
-        };
-      }
-      return vnode;
-    }
-    _applyStyles(styles, owner) {
-      if (!styles) return;
-      if (owner) {
-        if (owner === this._def || this._styleChildren.has(owner)) {
-          return;
-        }
-        this._styleChildren.add(owner);
-      }
-      const nonce = this._nonce;
-      for (let i = styles.length - 1; i >= 0; i--) {
-        const s = document.createElement("style");
-        if (nonce) s.setAttribute("nonce", nonce);
-        s.textContent = styles[i];
-        this.shadowRoot.prepend(s);
-        {
-          if (owner) {
-            if (owner.__hmrId) {
-              if (!this._childStyles) this._childStyles = /* @__PURE__ */ new Map();
-              let entry = this._childStyles.get(owner.__hmrId);
-              if (!entry) {
-                this._childStyles.set(owner.__hmrId, entry = []);
-              }
-              entry.push(s);
-            }
-          } else {
-            (this._styles || (this._styles = [])).push(s);
-          }
-        }
-      }
-    }
-    /**
-     * Only called when shadowRoot is false
-     */
-    _parseSlots() {
-      const slots = this._slots = {};
-      let n;
-      while (n = this.firstChild) {
-        const slotName = n.nodeType === 1 && n.getAttribute("slot") || "default";
-        (slots[slotName] || (slots[slotName] = [])).push(n);
-        this.removeChild(n);
-      }
-    }
-    /**
-     * Only called when shadowRoot is false
-     */
-    _renderSlots() {
-      const outlets = this._getSlots();
-      const scopeId = this._instance.type.__scopeId;
-      for (let i = 0; i < outlets.length; i++) {
-        const o = outlets[i];
-        const slotName = o.getAttribute("name") || "default";
-        const content = this._slots[slotName];
-        const parent = o.parentNode;
-        if (content) {
-          for (const n of content) {
-            if (scopeId && n.nodeType === 1) {
-              const id = scopeId + "-s";
-              const walker = document.createTreeWalker(n, 1);
-              n.setAttribute(id, "");
-              let child;
-              while (child = walker.nextNode()) {
-                child.setAttribute(id, "");
-              }
-            }
-            parent.insertBefore(n, o);
-          }
-        } else {
-          while (o.firstChild) parent.insertBefore(o.firstChild, o);
-        }
-        parent.removeChild(o);
-      }
-    }
-    /**
-     * @internal
-     */
-    _getSlots() {
-      const roots = [this];
-      if (this._teleportTargets) {
-        roots.push(...this._teleportTargets);
-      }
-      const slots = /* @__PURE__ */ new Set();
-      for (const root of roots) {
-        const found = root.querySelectorAll("slot");
-        for (let i = 0; i < found.length; i++) {
-          slots.add(found[i]);
-        }
-      }
-      return Array.from(slots);
-    }
-    /**
-     * @internal
-     */
-    _injectChildStyle(comp) {
-      this._applyStyles(comp.styles, comp);
-    }
-    /**
-     * @internal
-     */
-    _beginPatch() {
-      this._patching = true;
-      this._dirty = false;
-    }
-    /**
-     * @internal
-     */
-    _endPatch() {
-      this._patching = false;
-      if (this._dirty && this._instance) {
-        this._update();
-      }
-    }
-    /**
-     * @internal
-     */
-    _hasShadowRoot() {
-      return this._def.shadowRoot !== false;
-    }
-    /**
-     * @internal
-     */
-    _removeChildStyle(comp) {
-      {
-        this._styleChildren.delete(comp);
-        if (this._childStyles && comp.__hmrId) {
-          const oldStyles = this._childStyles.get(comp.__hmrId);
-          if (oldStyles) {
-            oldStyles.forEach((s) => this._root.removeChild(s));
-            oldStyles.length = 0;
-          }
-        }
-      }
-    }
-  }
-  function useHost(caller) {
-    const instance = getCurrentInstance();
-    const el = instance && instance.ce;
-    if (el) {
-      return el;
-    } else {
-      if (!instance) {
-        warn(
-          `${caller || "useHost"} called without an active component instance.`
-        );
-      } else {
-        warn(
-          `${caller || "useHost"} can only be used in components defined via defineCustomElement.`
-        );
-      }
-    }
-    return null;
-  }
-  function useShadowRoot() {
-    const el = useHost("useShadowRoot") ;
-    return el && el.shadowRoot;
-  }
-
-  function useCssModule(name = "$style") {
-    {
-      {
-        warn(`useCssModule() is not supported in the global build.`);
-      }
-      return EMPTY_OBJ;
-    }
-  }
-
-  const positionMap = /* @__PURE__ */ new WeakMap();
-  const newPositionMap = /* @__PURE__ */ new WeakMap();
-  const moveCbKey = /* @__PURE__ */ Symbol("_moveCb");
-  const enterCbKey = /* @__PURE__ */ Symbol("_enterCb");
-  const decorate = (t) => {
-    delete t.props.mode;
-    return t;
-  };
-  const TransitionGroupImpl = /* @__PURE__ */ decorate({
-    name: "TransitionGroup",
-    props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
-      tag: String,
-      moveClass: String
-    }),
-    setup(props, { slots }) {
-      const instance = getCurrentInstance();
-      const state = useTransitionState();
-      let prevChildren;
-      let children;
-      onUpdated(() => {
-        if (!prevChildren.length) {
-          return;
-        }
-        const moveClass = props.moveClass || `${props.name || "v"}-move`;
-        if (!hasCSSTransform(
-          prevChildren[0].el,
-          instance.vnode.el,
-          moveClass
-        )) {
-          prevChildren = [];
-          return;
-        }
-        prevChildren.forEach(callPendingCbs);
-        prevChildren.forEach(recordPosition);
-        const movedChildren = prevChildren.filter(applyTranslation);
-        forceReflow(instance.vnode.el);
-        movedChildren.forEach((c) => {
-          const el = c.el;
-          const style = el.style;
-          addTransitionClass(el, moveClass);
-          style.transform = style.webkitTransform = style.transitionDuration = "";
-          const cb = el[moveCbKey] = (e) => {
-            if (e && e.target !== el) {
-              return;
-            }
-            if (!e || e.propertyName.endsWith("transform")) {
-              el.removeEventListener("transitionend", cb);
-              el[moveCbKey] = null;
-              removeTransitionClass(el, moveClass);
-            }
-          };
-          el.addEventListener("transitionend", cb);
-        });
-        prevChildren = [];
-      });
-      return () => {
-        const rawProps = toRaw(props);
-        const cssTransitionProps = resolveTransitionProps(rawProps);
-        let tag = rawProps.tag || Fragment;
-        prevChildren = [];
-        if (children) {
-          for (let i = 0; i < children.length; i++) {
-            const child = children[i];
-            if (child.el && child.el instanceof Element) {
-              prevChildren.push(child);
-              setTransitionHooks(
-                child,
-                resolveTransitionHooks(
-                  child,
-                  cssTransitionProps,
-                  state,
-                  instance
-                )
-              );
-              positionMap.set(child, getPosition(child.el));
-            }
-          }
-        }
-        children = slots.default ? getTransitionRawChildren(slots.default()) : [];
-        for (let i = 0; i < children.length; i++) {
-          const child = children[i];
-          if (child.key != null) {
-            setTransitionHooks(
-              child,
-              resolveTransitionHooks(child, cssTransitionProps, state, instance)
-            );
-          } else if (child.type !== Text) {
-            warn(`<TransitionGroup> children must be keyed.`);
-          }
-        }
-        return createVNode(tag, null, children);
-      };
-    }
-  });
-  const TransitionGroup = TransitionGroupImpl;
-  function callPendingCbs(c) {
-    const el = c.el;
-    if (el[moveCbKey]) {
-      el[moveCbKey]();
-    }
-    if (el[enterCbKey]) {
-      el[enterCbKey]();
-    }
-  }
-  function recordPosition(c) {
-    newPositionMap.set(c, getPosition(c.el));
-  }
-  function applyTranslation(c) {
-    const oldPos = positionMap.get(c);
-    const newPos = newPositionMap.get(c);
-    const dx = oldPos.left - newPos.left;
-    const dy = oldPos.top - newPos.top;
-    if (dx || dy) {
-      const el = c.el;
-      const s = el.style;
-      const rect = el.getBoundingClientRect();
-      let scaleX = 1;
-      let scaleY = 1;
-      if (el.offsetWidth) scaleX = rect.width / el.offsetWidth;
-      if (el.offsetHeight) scaleY = rect.height / el.offsetHeight;
-      if (!Number.isFinite(scaleX) || scaleX === 0) scaleX = 1;
-      if (!Number.isFinite(scaleY) || scaleY === 0) scaleY = 1;
-      if (Math.abs(scaleX - 1) < 0.01) scaleX = 1;
-      if (Math.abs(scaleY - 1) < 0.01) scaleY = 1;
-      s.transform = s.webkitTransform = `translate(${dx / scaleX}px,${dy / scaleY}px)`;
-      s.transitionDuration = "0s";
-      return c;
-    }
-  }
-  function getPosition(el) {
-    const rect = el.getBoundingClientRect();
-    return {
-      left: rect.left,
-      top: rect.top
-    };
-  }
-  function hasCSSTransform(el, root, moveClass) {
-    const clone = el.cloneNode();
-    const _vtc = el[vtcKey];
-    if (_vtc) {
-      _vtc.forEach((cls) => {
-        cls.split(/\s+/).forEach((c) => c && clone.classList.remove(c));
-      });
-    }
-    moveClass.split(/\s+/).forEach((c) => c && clone.classList.add(c));
-    clone.style.display = "none";
-    const container = root.nodeType === 1 ? root : root.parentNode;
-    container.appendChild(clone);
-    const { hasTransform } = getTransitionInfo(clone);
-    container.removeChild(clone);
-    return hasTransform;
-  }
-
-  const getModelAssigner = (vnode) => {
-    const fn = vnode.props["onUpdate:modelValue"] || false;
-    return isArray(fn) ? (value) => invokeArrayFns(fn, value) : fn;
-  };
-  function onCompositionStart(e) {
-    e.target.composing = true;
-  }
-  function onCompositionEnd(e) {
-    const target = e.target;
-    if (target.composing) {
-      target.composing = false;
-      target.dispatchEvent(new Event("input"));
-    }
-  }
-  const assignKey = /* @__PURE__ */ Symbol("_assign");
-  function castValue(value, trim, number) {
-    if (trim) value = value.trim();
-    if (number) value = looseToNumber(value);
-    return value;
-  }
-  const vModelText = {
-    created(el, { modifiers: { lazy, trim, number } }, vnode) {
-      el[assignKey] = getModelAssigner(vnode);
-      const castToNumber = number || vnode.props && vnode.props.type === "number";
-      addEventListener(el, lazy ? "change" : "input", (e) => {
-        if (e.target.composing) return;
-        el[assignKey](castValue(el.value, trim, castToNumber));
-      });
-      if (trim || castToNumber) {
-        addEventListener(el, "change", () => {
-          el.value = castValue(el.value, trim, castToNumber);
-        });
-      }
-      if (!lazy) {
-        addEventListener(el, "compositionstart", onCompositionStart);
-        addEventListener(el, "compositionend", onCompositionEnd);
-        addEventListener(el, "change", onCompositionEnd);
-      }
-    },
-    // set value on mounted so it's after min/max for type="range"
-    mounted(el, { value }) {
-      el.value = value == null ? "" : value;
-    },
-    beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
-      el[assignKey] = getModelAssigner(vnode);
-      if (el.composing) return;
-      const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? looseToNumber(el.value) : el.value;
-      const newValue = value == null ? "" : value;
-      if (elValue === newValue) {
-        return;
-      }
-      if (document.activeElement === el && el.type !== "range") {
-        if (lazy && value === oldValue) {
-          return;
-        }
-        if (trim && el.value.trim() === newValue) {
-          return;
-        }
-      }
-      el.value = newValue;
-    }
-  };
-  const vModelCheckbox = {
-    // #4096 array checkboxes need to be deep traversed
-    deep: true,
-    created(el, _, vnode) {
-      el[assignKey] = getModelAssigner(vnode);
-      addEventListener(el, "change", () => {
-        const modelValue = el._modelValue;
-        const elementValue = getValue(el);
-        const checked = el.checked;
-        const assign = el[assignKey];
-        if (isArray(modelValue)) {
-          const index = looseIndexOf(modelValue, elementValue);
-          const found = index !== -1;
-          if (checked && !found) {
-            assign(modelValue.concat(elementValue));
-          } else if (!checked && found) {
-            const filtered = [...modelValue];
-            filtered.splice(index, 1);
-            assign(filtered);
-          }
-        } else if (isSet(modelValue)) {
-          const cloned = new Set(modelValue);
-          if (checked) {
-            cloned.add(elementValue);
-          } else {
-            cloned.delete(elementValue);
-          }
-          assign(cloned);
-        } else {
-          assign(getCheckboxValue(el, checked));
-        }
-      });
-    },
-    // set initial checked on mount to wait for true-value/false-value
-    mounted: setChecked,
-    beforeUpdate(el, binding, vnode) {
-      el[assignKey] = getModelAssigner(vnode);
-      setChecked(el, binding, vnode);
-    }
-  };
-  function setChecked(el, { value, oldValue }, vnode) {
-    el._modelValue = value;
-    let checked;
-    if (isArray(value)) {
-      checked = looseIndexOf(value, vnode.props.value) > -1;
-    } else if (isSet(value)) {
-      checked = value.has(vnode.props.value);
-    } else {
-      if (value === oldValue) return;
-      checked = looseEqual(value, getCheckboxValue(el, true));
-    }
-    if (el.checked !== checked) {
-      el.checked = checked;
-    }
-  }
-  const vModelRadio = {
-    created(el, { value }, vnode) {
-      el.checked = looseEqual(value, vnode.props.value);
-      el[assignKey] = getModelAssigner(vnode);
-      addEventListener(el, "change", () => {
-        el[assignKey](getValue(el));
-      });
-    },
-    beforeUpdate(el, { value, oldValue }, vnode) {
-      el[assignKey] = getModelAssigner(vnode);
-      if (value !== oldValue) {
-        el.checked = looseEqual(value, vnode.props.value);
-      }
-    }
-  };
-  const vModelSelect = {
-    // <select multiple> value need to be deep traversed
-    deep: true,
-    created(el, { value, modifiers: { number } }, vnode) {
-      const isSetModel = isSet(value);
-      addEventListener(el, "change", () => {
-        const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map(
-          (o) => number ? looseToNumber(getValue(o)) : getValue(o)
-        );
-        el[assignKey](
-          el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]
-        );
-        el._assigning = true;
-        nextTick(() => {
-          el._assigning = false;
-        });
-      });
-      el[assignKey] = getModelAssigner(vnode);
-    },
-    // set value in mounted & updated because <select> relies on its children
-    // <option>s.
-    mounted(el, { value }) {
-      setSelected(el, value);
-    },
-    beforeUpdate(el, _binding, vnode) {
-      el[assignKey] = getModelAssigner(vnode);
-    },
-    updated(el, { value }) {
-      if (!el._assigning) {
-        setSelected(el, value);
-      }
-    }
-  };
-  function setSelected(el, value) {
-    const isMultiple = el.multiple;
-    const isArrayValue = isArray(value);
-    if (isMultiple && !isArrayValue && !isSet(value)) {
-      warn(
-        `<select multiple v-model> expects an Array or Set value for its binding, but got ${Object.prototype.toString.call(value).slice(8, -1)}.`
-      );
-      return;
-    }
-    for (let i = 0, l = el.options.length; i < l; i++) {
-      const option = el.options[i];
-      const optionValue = getValue(option);
-      if (isMultiple) {
-        if (isArrayValue) {
-          const optionType = typeof optionValue;
-          if (optionType === "string" || optionType === "number") {
-            option.selected = value.some((v) => String(v) === String(optionValue));
-          } else {
-            option.selected = looseIndexOf(value, optionValue) > -1;
-          }
-        } else {
-          option.selected = value.has(optionValue);
-        }
-      } else if (looseEqual(getValue(option), value)) {
-        if (el.selectedIndex !== i) el.selectedIndex = i;
-        return;
-      }
-    }
-    if (!isMultiple && el.selectedIndex !== -1) {
-      el.selectedIndex = -1;
-    }
-  }
-  function getValue(el) {
-    return "_value" in el ? el._value : el.value;
-  }
-  function getCheckboxValue(el, checked) {
-    const key = checked ? "_trueValue" : "_falseValue";
-    return key in el ? el[key] : checked;
-  }
-  const vModelDynamic = {
-    created(el, binding, vnode) {
-      callModelHook(el, binding, vnode, null, "created");
-    },
-    mounted(el, binding, vnode) {
-      callModelHook(el, binding, vnode, null, "mounted");
-    },
-    beforeUpdate(el, binding, vnode, prevVNode) {
-      callModelHook(el, binding, vnode, prevVNode, "beforeUpdate");
-    },
-    updated(el, binding, vnode, prevVNode) {
-      callModelHook(el, binding, vnode, prevVNode, "updated");
-    }
-  };
-  function resolveDynamicModel(tagName, type) {
-    switch (tagName) {
-      case "SELECT":
-        return vModelSelect;
-      case "TEXTAREA":
-        return vModelText;
-      default:
-        switch (type) {
-          case "checkbox":
-            return vModelCheckbox;
-          case "radio":
-            return vModelRadio;
-          default:
-            return vModelText;
-        }
-    }
-  }
-  function callModelHook(el, binding, vnode, prevVNode, hook) {
-    const modelToUse = resolveDynamicModel(
-      el.tagName,
-      vnode.props && vnode.props.type
-    );
-    const fn = modelToUse[hook];
-    fn && fn(el, binding, vnode, prevVNode);
-  }
-
-  const systemModifiers = ["ctrl", "shift", "alt", "meta"];
-  const modifierGuards = {
-    stop: (e) => e.stopPropagation(),
-    prevent: (e) => e.preventDefault(),
-    self: (e) => e.target !== e.currentTarget,
-    ctrl: (e) => !e.ctrlKey,
-    shift: (e) => !e.shiftKey,
-    alt: (e) => !e.altKey,
-    meta: (e) => !e.metaKey,
-    left: (e) => "button" in e && e.button !== 0,
-    middle: (e) => "button" in e && e.button !== 1,
-    right: (e) => "button" in e && e.button !== 2,
-    exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
-  };
-  const withModifiers = (fn, modifiers) => {
-    if (!fn) return fn;
-    const cache = fn._withMods || (fn._withMods = {});
-    const cacheKey = modifiers.join(".");
-    return cache[cacheKey] || (cache[cacheKey] = ((event, ...args) => {
-      for (let i = 0; i < modifiers.length; i++) {
-        const guard = modifierGuards[modifiers[i]];
-        if (guard && guard(event, modifiers)) return;
-      }
-      return fn(event, ...args);
-    }));
-  };
-  const keyNames = {
-    esc: "escape",
-    space: " ",
-    up: "arrow-up",
-    left: "arrow-left",
-    right: "arrow-right",
-    down: "arrow-down",
-    delete: "backspace"
-  };
-  const withKeys = (fn, modifiers) => {
-    const cache = fn._withKeys || (fn._withKeys = {});
-    const cacheKey = modifiers.join(".");
-    return cache[cacheKey] || (cache[cacheKey] = ((event) => {
-      if (!("key" in event)) {
-        return;
-      }
-      const eventKey = hyphenate(event.key);
-      if (modifiers.some(
-        (k) => k === eventKey || keyNames[k] === eventKey
-      )) {
-        return fn(event);
-      }
-    }));
-  };
-
-  const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
-  let renderer;
-  let enabledHydration = false;
-  function ensureRenderer() {
-    return renderer || (renderer = createRenderer(rendererOptions));
-  }
-  function ensureHydrationRenderer() {
-    renderer = enabledHydration ? renderer : createHydrationRenderer(rendererOptions);
-    enabledHydration = true;
-    return renderer;
-  }
-  const render = ((...args) => {
-    ensureRenderer().render(...args);
-  });
-  const hydrate = ((...args) => {
-    ensureHydrationRenderer().hydrate(...args);
-  });
-  const createApp = ((...args) => {
-    const app = ensureRenderer().createApp(...args);
-    {
-      injectNativeTagCheck(app);
-      injectCompilerOptionsCheck(app);
-    }
-    const { mount } = app;
-    app.mount = (containerOrSelector) => {
-      const container = normalizeContainer(containerOrSelector);
-      if (!container) return;
-      const component = app._component;
-      if (!isFunction(component) && !component.render && !component.template) {
-        component.template = container.innerHTML;
-      }
-      if (container.nodeType === 1) {
-        container.textContent = "";
-      }
-      const proxy = mount(container, false, resolveRootNamespace(container));
-      if (container instanceof Element) {
-        container.removeAttribute("v-cloak");
-        container.setAttribute("data-v-app", "");
-      }
-      return proxy;
-    };
-    return app;
-  });
-  const createSSRApp = ((...args) => {
-    const app = ensureHydrationRenderer().createApp(...args);
-    {
-      injectNativeTagCheck(app);
-      injectCompilerOptionsCheck(app);
-    }
-    const { mount } = app;
-    app.mount = (containerOrSelector) => {
-      const container = normalizeContainer(containerOrSelector);
-      if (container) {
-        return mount(container, true, resolveRootNamespace(container));
-      }
-    };
-    return app;
-  });
-  function resolveRootNamespace(container) {
-    if (container instanceof SVGElement) {
-      return "svg";
-    }
-    if (typeof MathMLElement === "function" && container instanceof MathMLElement) {
-      return "mathml";
-    }
-  }
-  function injectNativeTagCheck(app) {
-    Object.defineProperty(app.config, "isNativeTag", {
-      value: (tag) => isHTMLTag(tag) || isSVGTag(tag) || isMathMLTag(tag),
-      writable: false
-    });
-  }
-  function injectCompilerOptionsCheck(app) {
-    if (isRuntimeOnly()) {
-      const isCustomElement = app.config.isCustomElement;
-      Object.defineProperty(app.config, "isCustomElement", {
-        get() {
-          return isCustomElement;
-        },
-        set() {
-          warn(
-            `The \`isCustomElement\` config option is deprecated. Use \`compilerOptions.isCustomElement\` instead.`
-          );
-        }
-      });
-      const compilerOptions = app.config.compilerOptions;
-      const msg = `The \`compilerOptions\` config option is only respected when using a build of Vue.js that includes the runtime compiler (aka "full build"). Since you are using the runtime-only build, \`compilerOptions\` must be passed to \`@vue/compiler-dom\` in the build setup instead.
-- For vue-loader: pass it via vue-loader's \`compilerOptions\` loader option.
-- For vue-cli: see https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader
-- For vite: pass it via @vitejs/plugin-vue options. See https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-sfc`;
-      Object.defineProperty(app.config, "compilerOptions", {
-        get() {
-          warn(msg);
-          return compilerOptions;
-        },
-        set() {
-          warn(msg);
-        }
-      });
-    }
-  }
-  function normalizeContainer(container) {
-    if (isString(container)) {
-      const res = document.querySelector(container);
-      if (!res) {
-        warn(
-          `Failed to mount app: mount target selector "${container}" returned null.`
-        );
-      }
-      return res;
-    }
-    if (window.ShadowRoot && container instanceof window.ShadowRoot && container.mode === "closed") {
-      warn(
-        `mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`
-      );
-    }
-    return container;
-  }
-  const initDirectivesForSSR = NOOP;
-
-  function initDev() {
-    {
-      {
-        console.info(
-          `You are running a development build of Vue.
-Make sure to use the production build (*.prod.js) when deploying for production.`
-        );
-      }
-      initCustomFormatter();
-    }
-  }
-
-  const FRAGMENT = /* @__PURE__ */ Symbol(`Fragment` );
-  const TELEPORT = /* @__PURE__ */ Symbol(`Teleport` );
-  const SUSPENSE = /* @__PURE__ */ Symbol(`Suspense` );
-  const KEEP_ALIVE = /* @__PURE__ */ Symbol(`KeepAlive` );
-  const BASE_TRANSITION = /* @__PURE__ */ Symbol(
-    `BaseTransition` 
-  );
-  const OPEN_BLOCK = /* @__PURE__ */ Symbol(`openBlock` );
-  const CREATE_BLOCK = /* @__PURE__ */ Symbol(`createBlock` );
-  const CREATE_ELEMENT_BLOCK = /* @__PURE__ */ Symbol(
-    `createElementBlock` 
-  );
-  const CREATE_VNODE = /* @__PURE__ */ Symbol(`createVNode` );
-  const CREATE_ELEMENT_VNODE = /* @__PURE__ */ Symbol(
-    `createElementVNode` 
-  );
-  const CREATE_COMMENT = /* @__PURE__ */ Symbol(
-    `createCommentVNode` 
-  );
-  const CREATE_TEXT = /* @__PURE__ */ Symbol(
-    `createTextVNode` 
-  );
-  const CREATE_STATIC = /* @__PURE__ */ Symbol(
-    `createStaticVNode` 
-  );
-  const RESOLVE_COMPONENT = /* @__PURE__ */ Symbol(
-    `resolveComponent` 
-  );
-  const RESOLVE_DYNAMIC_COMPONENT = /* @__PURE__ */ Symbol(
-    `resolveDynamicComponent` 
-  );
-  const RESOLVE_DIRECTIVE = /* @__PURE__ */ Symbol(
-    `resolveDirective` 
-  );
-  const RESOLVE_FILTER = /* @__PURE__ */ Symbol(
-    `resolveFilter` 
-  );
-  const WITH_DIRECTIVES = /* @__PURE__ */ Symbol(
-    `withDirectives` 
-  );
-  const RENDER_LIST = /* @__PURE__ */ Symbol(`renderList` );
-  const RENDER_SLOT = /* @__PURE__ */ Symbol(`renderSlot` );
-  const CREATE_SLOTS = /* @__PURE__ */ Symbol(`createSlots` );
-  const TO_DISPLAY_STRING = /* @__PURE__ */ Symbol(
-    `toDisplayString` 
-  );
-  const MERGE_PROPS = /* @__PURE__ */ Symbol(`mergeProps` );
-  const NORMALIZE_CLASS = /* @__PURE__ */ Symbol(
-    `normalizeClass` 
-  );
-  const NORMALIZE_STYLE = /* @__PURE__ */ Symbol(
-    `normalizeStyle` 
-  );
-  const NORMALIZE_PROPS = /* @__PURE__ */ Symbol(
-    `normalizeProps` 
-  );
-  const GUARD_REACTIVE_PROPS = /* @__PURE__ */ Symbol(
-    `guardReactiveProps` 
-  );
-  const TO_HANDLERS = /* @__PURE__ */ Symbol(`toHandlers` );
-  const CAMELIZE = /* @__PURE__ */ Symbol(`camelize` );
-  const CAPITALIZE = /* @__PURE__ */ Symbol(`capitalize` );
-  const TO_HANDLER_KEY = /* @__PURE__ */ Symbol(
-    `toHandlerKey` 
-  );
-  const SET_BLOCK_TRACKING = /* @__PURE__ */ Symbol(
-    `setBlockTracking` 
-  );
-  const PUSH_SCOPE_ID = /* @__PURE__ */ Symbol(`pushScopeId` );
-  const POP_SCOPE_ID = /* @__PURE__ */ Symbol(`popScopeId` );
-  const WITH_CTX = /* @__PURE__ */ Symbol(`withCtx` );
-  const UNREF = /* @__PURE__ */ Symbol(`unref` );
-  const IS_REF = /* @__PURE__ */ Symbol(`isRef` );
-  const WITH_MEMO = /* @__PURE__ */ Symbol(`withMemo` );
-  const IS_MEMO_SAME = /* @__PURE__ */ Symbol(`isMemoSame` );
-  const helperNameMap = {
-    [FRAGMENT]: `Fragment`,
-    [TELEPORT]: `Teleport`,
-    [SUSPENSE]: `Suspense`,
-    [KEEP_ALIVE]: `KeepAlive`,
-    [BASE_TRANSITION]: `BaseTransition`,
-    [OPEN_BLOCK]: `openBlock`,
-    [CREATE_BLOCK]: `createBlock`,
-    [CREATE_ELEMENT_BLOCK]: `createElementBlock`,
-    [CREATE_VNODE]: `createVNode`,
-    [CREATE_ELEMENT_VNODE]: `createElementVNode`,
-    [CREATE_COMMENT]: `createCommentVNode`,
-    [CREATE_TEXT]: `createTextVNode`,
-    [CREATE_STATIC]: `createStaticVNode`,
-    [RESOLVE_COMPONENT]: `resolveComponent`,
-    [RESOLVE_DYNAMIC_COMPONENT]: `resolveDynamicComponent`,
-    [RESOLVE_DIRECTIVE]: `resolveDirective`,
-    [RESOLVE_FILTER]: `resolveFilter`,
-    [WITH_DIRECTIVES]: `withDirectives`,
-    [RENDER_LIST]: `renderList`,
-    [RENDER_SLOT]: `renderSlot`,
-    [CREATE_SLOTS]: `createSlots`,
-    [TO_DISPLAY_STRING]: `toDisplayString`,
-    [MERGE_PROPS]: `mergeProps`,
-    [NORMALIZE_CLASS]: `normalizeClass`,
-    [NORMALIZE_STYLE]: `normalizeStyle`,
-    [NORMALIZE_PROPS]: `normalizeProps`,
-    [GUARD_REACTIVE_PROPS]: `guardReactiveProps`,
-    [TO_HANDLERS]: `toHandlers`,
-    [CAMELIZE]: `camelize`,
-    [CAPITALIZE]: `capitalize`,
-    [TO_HANDLER_KEY]: `toHandlerKey`,
-    [SET_BLOCK_TRACKING]: `setBlockTracking`,
-    [PUSH_SCOPE_ID]: `pushScopeId`,
-    [POP_SCOPE_ID]: `popScopeId`,
-    [WITH_CTX]: `withCtx`,
-    [UNREF]: `unref`,
-    [IS_REF]: `isRef`,
-    [WITH_MEMO]: `withMemo`,
-    [IS_MEMO_SAME]: `isMemoSame`
-  };
-  function registerRuntimeHelpers(helpers) {
-    Object.getOwnPropertySymbols(helpers).forEach((s) => {
-      helperNameMap[s] = helpers[s];
-    });
-  }
-
-  const locStub = {
-    start: { line: 1, column: 1, offset: 0 },
-    end: { line: 1, column: 1, offset: 0 },
-    source: ""
-  };
-  function createRoot(children, source = "") {
-    return {
-      type: 0,
-      source,
-      children,
-      helpers: /* @__PURE__ */ new Set(),
-      components: [],
-      directives: [],
-      hoists: [],
-      imports: [],
-      cached: [],
-      temps: 0,
-      codegenNode: void 0,
-      loc: locStub
-    };
-  }
-  function createVNodeCall(context, tag, props, children, patchFlag, dynamicProps, directives, isBlock = false, disableTracking = false, isComponent = false, loc = locStub) {
-    if (context) {
-      if (isBlock) {
-        context.helper(OPEN_BLOCK);
-        context.helper(getVNodeBlockHelper(context.inSSR, isComponent));
-      } else {
-        context.helper(getVNodeHelper(context.inSSR, isComponent));
-      }
-      if (directives) {
-        context.helper(WITH_DIRECTIVES);
-      }
-    }
-    return {
-      type: 13,
-      tag,
-      props,
-      children,
-      patchFlag,
-      dynamicProps,
-      directives,
-      isBlock,
-      disableTracking,
-      isComponent,
-      loc
-    };
-  }
-  function createArrayExpression(elements, loc = locStub) {
-    return {
-      type: 17,
-      loc,
-      elements
-    };
-  }
-  function createObjectExpression(properties, loc = locStub) {
-    return {
-      type: 15,
-      loc,
-      properties
-    };
-  }
-  function createObjectProperty(key, value) {
-    return {
-      type: 16,
-      loc: locStub,
-      key: isString(key) ? createSimpleExpression(key, true) : key,
-      value
-    };
-  }
-  function createSimpleExpression(content, isStatic = false, loc = locStub, constType = 0) {
-    return {
-      type: 4,
-      loc,
-      content,
-      isStatic,
-      constType: isStatic ? 3 : constType
-    };
-  }
-  function createCompoundExpression(children, loc = locStub) {
-    return {
-      type: 8,
-      loc,
-      children
-    };
-  }
-  function createCallExpression(callee, args = [], loc = locStub) {
-    return {
-      type: 14,
-      loc,
-      callee,
-      arguments: args
-    };
-  }
-  function createFunctionExpression(params, returns = void 0, newline = false, isSlot = false, loc = locStub) {
-    return {
-      type: 18,
-      params,
-      returns,
-      newline,
-      isSlot,
-      loc
-    };
-  }
-  function createConditionalExpression(test, consequent, alternate, newline = true) {
-    return {
-      type: 19,
-      test,
-      consequent,
-      alternate,
-      newline,
-      loc: locStub
-    };
-  }
-  function createCacheExpression(index, value, needPauseTracking = false, inVOnce = false) {
-    return {
-      type: 20,
-      index,
-      value,
-      needPauseTracking,
-      inVOnce,
-      needArraySpread: false,
-      loc: locStub
-    };
-  }
-  function createBlockStatement(body) {
-    return {
-      type: 21,
-      body,
-      loc: locStub
-    };
-  }
-  function getVNodeHelper(ssr, isComponent) {
-    return ssr || isComponent ? CREATE_VNODE : CREATE_ELEMENT_VNODE;
-  }
-  function getVNodeBlockHelper(ssr, isComponent) {
-    return ssr || isComponent ? CREATE_BLOCK : CREATE_ELEMENT_BLOCK;
-  }
-  function convertToBlock(node, { helper, removeHelper, inSSR }) {
-    if (!node.isBlock) {
-      node.isBlock = true;
-      removeHelper(getVNodeHelper(inSSR, node.isComponent));
-      helper(OPEN_BLOCK);
-      helper(getVNodeBlockHelper(inSSR, node.isComponent));
-    }
-  }
-
-  const defaultDelimitersOpen = new Uint8Array([123, 123]);
-  const defaultDelimitersClose = new Uint8Array([125, 125]);
-  function isTagStartChar(c) {
-    return c >= 97 && c <= 122 || c >= 65 && c <= 90;
-  }
-  function isWhitespace(c) {
-    return c === 32 || c === 10 || c === 9 || c === 12 || c === 13;
-  }
-  function isEndOfTagSection(c) {
-    return c === 47 || c === 62 || isWhitespace(c);
-  }
-  function toCharCodes(str) {
-    const ret = new Uint8Array(str.length);
-    for (let i = 0; i < str.length; i++) {
-      ret[i] = str.charCodeAt(i);
-    }
-    return ret;
-  }
-  const Sequences = {
-    Cdata: new Uint8Array([67, 68, 65, 84, 65, 91]),
-    // CDATA[
-    CdataEnd: new Uint8Array([93, 93, 62]),
-    // ]]>
-    CommentEnd: new Uint8Array([45, 45, 62]),
-    // `-->`
-    ScriptEnd: new Uint8Array([60, 47, 115, 99, 114, 105, 112, 116]),
-    // `<\/script`
-    StyleEnd: new Uint8Array([60, 47, 115, 116, 121, 108, 101]),
-    // `</style`
-    TitleEnd: new Uint8Array([60, 47, 116, 105, 116, 108, 101]),
-    // `</title`
-    TextareaEnd: new Uint8Array([
-      60,
-      47,
-      116,
-      101,
-      120,
-      116,
-      97,
-      114,
-      101,
-      97
-    ])
-    // `</textarea
-  };
-  class Tokenizer {
-    constructor(stack, cbs) {
-      this.stack = stack;
-      this.cbs = cbs;
-      /** The current state the tokenizer is in. */
-      this.state = 1;
-      /** The read buffer. */
-      this.buffer = "";
-      /** The beginning of the section that is currently being read. */
-      this.sectionStart = 0;
-      /** The index within the buffer that we are currently looking at. */
-      this.index = 0;
-      /** The start of the last entity. */
-      this.entityStart = 0;
-      /** Some behavior, eg. when decoding entities, is done while we are in another state. This keeps track of the other state type. */
-      this.baseState = 1;
-      /** For special parsing behavior inside of script and style tags. */
-      this.inRCDATA = false;
-      /** For disabling RCDATA tags handling */
-      this.inXML = false;
-      /** For disabling interpolation parsing in v-pre */
-      this.inVPre = false;
-      /** Record newline positions for fast line / column calculation */
-      this.newlines = [];
-      this.mode = 0;
-      this.delimiterOpen = defaultDelimitersOpen;
-      this.delimiterClose = defaultDelimitersClose;
-      this.delimiterIndex = -1;
-      this.currentSequence = void 0;
-      this.sequenceIndex = 0;
-    }
-    get inSFCRoot() {
-      return this.mode === 2 && this.stack.length === 0;
-    }
-    reset() {
-      this.state = 1;
-      this.mode = 0;
-      this.buffer = "";
-      this.sectionStart = 0;
-      this.index = 0;
-      this.baseState = 1;
-      this.inRCDATA = false;
-      this.currentSequence = void 0;
-      this.newlines.length = 0;
-      this.delimiterOpen = defaultDelimitersOpen;
-      this.delimiterClose = defaultDelimitersClose;
-    }
-    /**
-     * Generate Position object with line / column information using recorded
-     * newline positions. We know the index is always going to be an already
-     * processed index, so all the newlines up to this index should have been
-     * recorded.
-     */
-    getPos(index) {
-      let line = 1;
-      let column = index + 1;
-      const length = this.newlines.length;
-      let j = -1;
-      if (length > 100) {
-        let l = -1;
-        let r = length;
-        while (l + 1 < r) {
-          const m = l + r >>> 1;
-          this.newlines[m] < index ? l = m : r = m;
-        }
-        j = l;
-      } else {
-        for (let i = length - 1; i >= 0; i--) {
-          if (index > this.newlines[i]) {
-            j = i;
-            break;
-          }
-        }
-      }
-      if (j >= 0) {
-        line = j + 2;
-        column = index - this.newlines[j];
-      }
-      return {
-        column,
-        line,
-        offset: index
-      };
-    }
-    peek() {
-      return this.buffer.charCodeAt(this.index + 1);
-    }
-    stateText(c) {
-      if (c === 60) {
-        if (this.index > this.sectionStart) {
-          this.cbs.ontext(this.sectionStart, this.index);
-        }
-        this.state = 5;
-        this.sectionStart = this.index;
-      } else if (!this.inVPre && c === this.delimiterOpen[0]) {
-        this.state = 2;
-        this.delimiterIndex = 0;
-        this.stateInterpolationOpen(c);
-      }
-    }
-    stateInterpolationOpen(c) {
-      if (c === this.delimiterOpen[this.delimiterIndex]) {
-        if (this.delimiterIndex === this.delimiterOpen.length - 1) {
-          const start = this.index + 1 - this.delimiterOpen.length;
-          if (start > this.sectionStart) {
-            this.cbs.ontext(this.sectionStart, start);
-          }
-          this.state = 3;
-          this.sectionStart = start;
-        } else {
-          this.delimiterIndex++;
-        }
-      } else if (this.inRCDATA) {
-        this.state = 32;
-        this.stateInRCDATA(c);
-      } else {
-        this.state = 1;
-        this.stateText(c);
-      }
-    }
-    stateInterpolation(c) {
-      if (c === this.delimiterClose[0]) {
-        this.state = 4;
-        this.delimiterIndex = 0;
-        this.stateInterpolationClose(c);
-      }
-    }
-    stateInterpolationClose(c) {
-      if (c === this.delimiterClose[this.delimiterIndex]) {
-        if (this.delimiterIndex === this.delimiterClose.length - 1) {
-          this.cbs.oninterpolation(this.sectionStart, this.index + 1);
-          if (this.inRCDATA) {
-            this.state = 32;
-          } else {
-            this.state = 1;
-          }
-          this.sectionStart = this.index + 1;
-        } else {
-          this.delimiterIndex++;
-        }
-      } else {
-        this.state = 3;
-        this.stateInterpolation(c);
-      }
-    }
-    stateSpecialStartSequence(c) {
-      const isEnd = this.sequenceIndex === this.currentSequence.length;
-      const isMatch = isEnd ? (
-        // If we are at the end of the sequence, make sure the tag name has ended
-        isEndOfTagSection(c)
-      ) : (
-        // Otherwise, do a case-insensitive comparison
-        (c | 32) === this.currentSequence[this.sequenceIndex]
-      );
-      if (!isMatch) {
-        this.inRCDATA = false;
-      } else if (!isEnd) {
-        this.sequenceIndex++;
-        return;
-      }
-      this.sequenceIndex = 0;
-      this.state = 6;
-      this.stateInTagName(c);
-    }
-    /** Look for an end tag. For <title> and <textarea>, also decode entities. */
-    stateInRCDATA(c) {
-      if (this.sequenceIndex === this.currentSequence.length) {
-        if (c === 62 || isWhitespace(c)) {
-          const endOfText = this.index - this.currentSequence.length;
-          if (this.sectionStart < endOfText) {
-            const actualIndex = this.index;
-            this.index = endOfText;
-            this.cbs.ontext(this.sectionStart, endOfText);
-            this.index = actualIndex;
-          }
-          this.sectionStart = endOfText + 2;
-          this.stateInClosingTagName(c);
-          this.inRCDATA = false;
-          return;
-        }
-        this.sequenceIndex = 0;
-      }
-      if ((c | 32) === this.currentSequence[this.sequenceIndex]) {
-        this.sequenceIndex += 1;
-      } else if (this.sequenceIndex === 0) {
-        if (this.currentSequence === Sequences.TitleEnd || this.currentSequence === Sequences.TextareaEnd && !this.inSFCRoot) {
-          if (!this.inVPre && c === this.delimiterOpen[0]) {
-            this.state = 2;
-            this.delimiterIndex = 0;
-            this.stateInterpolationOpen(c);
-          }
-        } else if (this.fastForwardTo(60)) {
-          this.sequenceIndex = 1;
-        }
-      } else {
-        this.sequenceIndex = Number(c === 60);
-      }
-    }
-    stateCDATASequence(c) {
-      if (c === Sequences.Cdata[this.sequenceIndex]) {
-        if (++this.sequenceIndex === Sequences.Cdata.length) {
-          this.state = 28;
-          this.currentSequence = Sequences.CdataEnd;
-          this.sequenceIndex = 0;
-          this.sectionStart = this.index + 1;
-        }
-      } else {
-        this.sequenceIndex = 0;
-        this.state = 23;
-        this.stateInDeclaration(c);
-      }
-    }
-    /**
-     * When we wait for one specific character, we can speed things up
-     * by skipping through the buffer until we find it.
-     *
-     * @returns Whether the character was found.
-     */
-    fastForwardTo(c) {
-      while (++this.index < this.buffer.length) {
-        const cc = this.buffer.charCodeAt(this.index);
-        if (cc === 10) {
-          this.newlines.push(this.index);
-        }
-        if (cc === c) {
-          return true;
-        }
-      }
-      this.index = this.buffer.length - 1;
-      return false;
-    }
-    /**
-     * Comments and CDATA end with `-->` and `]]>`.
-     *
-     * Their common qualities are:
-     * - Their end sequences have a distinct character they start with.
-     * - That character is then repeated, so we have to check multiple repeats.
-     * - All characters but the start character of the sequence can be skipped.
-     */
-    stateInCommentLike(c) {
-      if (c === this.currentSequence[this.sequenceIndex]) {
-        if (++this.sequenceIndex === this.currentSequence.length) {
-          if (this.currentSequence === Sequences.CdataEnd) {
-            this.cbs.oncdata(this.sectionStart, this.index - 2);
-          } else {
-            this.cbs.oncomment(this.sectionStart, this.index - 2);
-          }
-          this.sequenceIndex = 0;
-          this.sectionStart = this.index + 1;
-          this.state = 1;
-        }
-      } else if (this.sequenceIndex === 0) {
-        if (this.fastForwardTo(this.currentSequence[0])) {
-          this.sequenceIndex = 1;
-        }
-      } else if (c !== this.currentSequence[this.sequenceIndex - 1]) {
-        this.sequenceIndex = 0;
-      }
-    }
-    startSpecial(sequence, offset) {
-      this.enterRCDATA(sequence, offset);
-      this.state = 31;
-    }
-    enterRCDATA(sequence, offset) {
-      this.inRCDATA = true;
-      this.currentSequence = sequence;
-      this.sequenceIndex = offset;
-    }
-    stateBeforeTagName(c) {
-      if (c === 33) {
-        this.state = 22;
-        this.sectionStart = this.index + 1;
-      } else if (c === 63) {
-        this.state = 24;
-        this.sectionStart = this.index + 1;
-      } else if (isTagStartChar(c)) {
-        this.sectionStart = this.index;
-        if (this.mode === 0) {
-          this.state = 6;
-        } else if (this.inSFCRoot) {
-          this.state = 34;
-        } else if (!this.inXML) {
-          if (c === 116) {
-            this.state = 30;
-          } else {
-            this.state = c === 115 ? 29 : 6;
-          }
-        } else {
-          this.state = 6;
-        }
-      } else if (c === 47) {
-        this.state = 8;
-      } else {
-        this.state = 1;
-        this.stateText(c);
-      }
-    }
-    stateInTagName(c) {
-      if (isEndOfTagSection(c)) {
-        this.handleTagName(c);
-      }
-    }
-    stateInSFCRootTagName(c) {
-      if (isEndOfTagSection(c)) {
-        const tag = this.buffer.slice(this.sectionStart, this.index);
-        if (tag !== "template") {
-          this.enterRCDATA(toCharCodes(`</` + tag), 0);
-        }
-        this.handleTagName(c);
-      }
-    }
-    handleTagName(c) {
-      this.cbs.onopentagname(this.sectionStart, this.index);
-      this.sectionStart = -1;
-      this.state = 11;
-      this.stateBeforeAttrName(c);
-    }
-    stateBeforeClosingTagName(c) {
-      if (isWhitespace(c)) ; else if (c === 62) {
-        {
-          this.cbs.onerr(14, this.index);
-        }
-        this.state = 1;
-        this.sectionStart = this.index + 1;
-      } else {
-        this.state = isTagStartChar(c) ? 9 : 27;
-        this.sectionStart = this.index;
-      }
-    }
-    stateInClosingTagName(c) {
-      if (c === 62 || isWhitespace(c)) {
-        this.cbs.onclosetag(this.sectionStart, this.index);
-        this.sectionStart = -1;
-        this.state = 10;
-        this.stateAfterClosingTagName(c);
-      }
-    }
-    stateAfterClosingTagName(c) {
-      if (c === 62) {
-        this.state = 1;
-        this.sectionStart = this.index + 1;
-      }
-    }
-    stateBeforeAttrName(c) {
-      if (c === 62) {
-        this.cbs.onopentagend(this.index);
-        if (this.inRCDATA) {
-          this.state = 32;
-        } else {
-          this.state = 1;
-        }
-        this.sectionStart = this.index + 1;
-      } else if (c === 47) {
-        this.state = 7;
-        if (this.peek() !== 62) {
-          this.cbs.onerr(22, this.index);
-        }
-      } else if (c === 60 && this.peek() === 47) {
-        this.cbs.onopentagend(this.index);
-        this.state = 5;
-        this.sectionStart = this.index;
-      } else if (!isWhitespace(c)) {
-        if (c === 61) {
-          this.cbs.onerr(
-            19,
-            this.index
-          );
-        }
-        this.handleAttrStart(c);
-      }
-    }
-    handleAttrStart(c) {
-      if (c === 118 && this.peek() === 45) {
-        this.state = 13;
-        this.sectionStart = this.index;
-      } else if (c === 46 || c === 58 || c === 64 || c === 35) {
-        this.cbs.ondirname(this.index, this.index + 1);
-        this.state = 14;
-        this.sectionStart = this.index + 1;
-      } else {
-        this.state = 12;
-        this.sectionStart = this.index;
-      }
-    }
-    stateInSelfClosingTag(c) {
-      if (c === 62) {
-        this.cbs.onselfclosingtag(this.index);
-        this.state = 1;
-        this.sectionStart = this.index + 1;
-        this.inRCDATA = false;
-      } else if (!isWhitespace(c)) {
-        this.state = 11;
-        this.stateBeforeAttrName(c);
-      }
-    }
-    stateInAttrName(c) {
-      if (c === 61 || isEndOfTagSection(c)) {
-        this.cbs.onattribname(this.sectionStart, this.index);
-        this.handleAttrNameEnd(c);
-      } else if (c === 34 || c === 39 || c === 60) {
-        this.cbs.onerr(
-          17,
-          this.index
-        );
-      }
-    }
-    stateInDirName(c) {
-      if (c === 61 || isEndOfTagSection(c)) {
-        this.cbs.ondirname(this.sectionStart, this.index);
-        this.handleAttrNameEnd(c);
-      } else if (c === 58) {
-        this.cbs.ondirname(this.sectionStart, this.index);
-        this.state = 14;
-        this.sectionStart = this.index + 1;
-      } else if (c === 46) {
-        this.cbs.ondirname(this.sectionStart, this.index);
-        this.state = 16;
-        this.sectionStart = this.index + 1;
-      }
-    }
-    stateInDirArg(c) {
-      if (c === 61 || isEndOfTagSection(c)) {
-        this.cbs.ondirarg(this.sectionStart, this.index);
-        this.handleAttrNameEnd(c);
-      } else if (c === 91) {
-        this.state = 15;
-      } else if (c === 46) {
-        this.cbs.ondirarg(this.sectionStart, this.index);
-        this.state = 16;
-        this.sectionStart = this.index + 1;
-      }
-    }
-    stateInDynamicDirArg(c) {
-      if (c === 93) {
-        this.state = 14;
-      } else if (c === 61 || isEndOfTagSection(c)) {
-        this.cbs.ondirarg(this.sectionStart, this.index + 1);
-        this.handleAttrNameEnd(c);
-        {
-          this.cbs.onerr(
-            27,
-            this.index
-          );
-        }
-      }
-    }
-    stateInDirModifier(c) {
-      if (c === 61 || isEndOfTagSection(c)) {
-        this.cbs.ondirmodifier(this.sectionStart, this.index);
-        this.handleAttrNameEnd(c);
-      } else if (c === 46) {
-        this.cbs.ondirmodifier(this.sectionStart, this.index);
-        this.sectionStart = this.index + 1;
-      }
-    }
-    handleAttrNameEnd(c) {
-      this.sectionStart = this.index;
-      this.state = 17;
-      this.cbs.onattribnameend(this.index);
-      this.stateAfterAttrName(c);
-    }
-    stateAfterAttrName(c) {
-      if (c === 61) {
-        this.state = 18;
-      } else if (c === 47 || c === 62) {
-        this.cbs.onattribend(0, this.sectionStart);
-        this.sectionStart = -1;
-        this.state = 11;
-        this.stateBeforeAttrName(c);
-      } else if (!isWhitespace(c)) {
-        this.cbs.onattribend(0, this.sectionStart);
-        this.handleAttrStart(c);
-      }
-    }
-    stateBeforeAttrValue(c) {
-      if (c === 34) {
-        this.state = 19;
-        this.sectionStart = this.index + 1;
-      } else if (c === 39) {
-        this.state = 20;
-        this.sectionStart = this.index + 1;
-      } else if (!isWhitespace(c)) {
-        this.sectionStart = this.index;
-        this.state = 21;
-        this.stateInAttrValueNoQuotes(c);
-      }
-    }
-    handleInAttrValue(c, quote) {
-      if (c === quote || this.fastForwardTo(quote)) {
-        this.cbs.onattribdata(this.sectionStart, this.index);
-        this.sectionStart = -1;
-        this.cbs.onattribend(
-          quote === 34 ? 3 : 2,
-          this.index + 1
-        );
-        this.state = 11;
-      }
-    }
-    stateInAttrValueDoubleQuotes(c) {
-      this.handleInAttrValue(c, 34);
-    }
-    stateInAttrValueSingleQuotes(c) {
-      this.handleInAttrValue(c, 39);
-    }
-    stateInAttrValueNoQuotes(c) {
-      if (isWhitespace(c) || c === 62) {
-        this.cbs.onattribdata(this.sectionStart, this.index);
-        this.sectionStart = -1;
-        this.cbs.onattribend(1, this.index);
-        this.state = 11;
-        this.stateBeforeAttrName(c);
-      } else if (c === 34 || c === 39 || c === 60 || c === 61 || c === 96) {
-        this.cbs.onerr(
-          18,
-          this.index
-        );
-      } else ;
-    }
-    stateBeforeDeclaration(c) {
-      if (c === 91) {
-        this.state = 26;
-        this.sequenceIndex = 0;
-      } else {
-        this.state = c === 45 ? 25 : 23;
-      }
-    }
-    stateInDeclaration(c) {
-      if (c === 62 || this.fastForwardTo(62)) {
-        this.state = 1;
-        this.sectionStart = this.index + 1;
-      }
-    }
-    stateInProcessingInstruction(c) {
-      if (c === 62 || this.fastForwardTo(62)) {
-        this.cbs.onprocessinginstruction(this.sectionStart, this.index);
-        this.state = 1;
-        this.sectionStart = this.index + 1;
-      }
-    }
-    stateBeforeComment(c) {
-      if (c === 45) {
-        this.state = 28;
-        this.currentSequence = Sequences.CommentEnd;
-        this.sequenceIndex = 2;
-        this.sectionStart = this.index + 1;
-      } else {
-        this.state = 23;
-      }
-    }
-    stateInSpecialComment(c) {
-      if (c === 62 || this.fastForwardTo(62)) {
-        this.cbs.oncomment(this.sectionStart, this.index);
-        this.state = 1;
-        this.sectionStart = this.index + 1;
-      }
-    }
-    stateBeforeSpecialS(c) {
-      if (c === Sequences.ScriptEnd[3]) {
-        this.startSpecial(Sequences.ScriptEnd, 4);
-      } else if (c === Sequences.StyleEnd[3]) {
-        this.startSpecial(Sequences.StyleEnd, 4);
-      } else {
-        this.state = 6;
-        this.stateInTagName(c);
-      }
-    }
-    stateBeforeSpecialT(c) {
-      if (c === Sequences.TitleEnd[3]) {
-        this.startSpecial(Sequences.TitleEnd, 4);
-      } else if (c === Sequences.TextareaEnd[3]) {
-        this.startSpecial(Sequences.TextareaEnd, 4);
-      } else {
-        this.state = 6;
-        this.stateInTagName(c);
-      }
-    }
-    startEntity() {
-    }
-    stateInEntity() {
-    }
-    /**
-     * Iterates through the buffer, calling the function corresponding to the current state.
-     *
-     * States that are more likely to be hit are higher up, as a performance improvement.
-     */
-    parse(input) {
-      this.buffer = input;
-      while (this.index < this.buffer.length) {
-        const c = this.buffer.charCodeAt(this.index);
-        if (c === 10 && this.state !== 33) {
-          this.newlines.push(this.index);
-        }
-        switch (this.state) {
-          case 1: {
-            this.stateText(c);
-            break;
-          }
-          case 2: {
-            this.stateInterpolationOpen(c);
-            break;
-          }
-          case 3: {
-            this.stateInterpolation(c);
-            break;
-          }
-          case 4: {
-            this.stateInterpolationClose(c);
-            break;
-          }
-          case 31: {
-            this.stateSpecialStartSequence(c);
-            break;
-          }
-          case 32: {
-            this.stateInRCDATA(c);
-            break;
-          }
-          case 26: {
-            this.stateCDATASequence(c);
-            break;
-          }
-          case 19: {
-            this.stateInAttrValueDoubleQuotes(c);
-            break;
-          }
-          case 12: {
-            this.stateInAttrName(c);
-            break;
-          }
-          case 13: {
-            this.stateInDirName(c);
-            break;
-          }
-          case 14: {
-            this.stateInDirArg(c);
-            break;
-          }
-          case 15: {
-            this.stateInDynamicDirArg(c);
-            break;
-          }
-          case 16: {
-            this.stateInDirModifier(c);
-            break;
-          }
-          case 28: {
-            this.stateInCommentLike(c);
-            break;
-          }
-          case 27: {
-            this.stateInSpecialComment(c);
-            break;
-          }
-          case 11: {
-            this.stateBeforeAttrName(c);
-            break;
-          }
-          case 6: {
-            this.stateInTagName(c);
-            break;
-          }
-          case 34: {
-            this.stateInSFCRootTagName(c);
-            break;
-          }
-          case 9: {
-            this.stateInClosingTagName(c);
-            break;
-          }
-          case 5: {
-            this.stateBeforeTagName(c);
-            break;
-          }
-          case 17: {
-            this.stateAfterAttrName(c);
-            break;
-          }
-          case 20: {
-            this.stateInAttrValueSingleQuotes(c);
-            break;
-          }
-          case 18: {
-            this.stateBeforeAttrValue(c);
-            break;
-          }
-          case 8: {
-            this.stateBeforeClosingTagName(c);
-            break;
-          }
-          case 10: {
-            this.stateAfterClosingTagName(c);
-            break;
-          }
-          case 29: {
-            this.stateBeforeSpecialS(c);
-            break;
-          }
-          case 30: {
-            this.stateBeforeSpecialT(c);
-            break;
-          }
-          case 21: {
-            this.stateInAttrValueNoQuotes(c);
-            break;
-          }
-          case 7: {
-            this.stateInSelfClosingTag(c);
-            break;
-          }
-          case 23: {
-            this.stateInDeclaration(c);
-            break;
-          }
-          case 22: {
-            this.stateBeforeDeclaration(c);
-            break;
-          }
-          case 25: {
-            this.stateBeforeComment(c);
-            break;
-          }
-          case 24: {
-            this.stateInProcessingInstruction(c);
-            break;
-          }
-          case 33: {
-            this.stateInEntity();
-            break;
-          }
-        }
-        this.index++;
-      }
-      this.cleanup();
-      this.finish();
-    }
-    /**
-     * Remove data that has already been consumed from the buffer.
-     */
-    cleanup() {
-      if (this.sectionStart !== this.index) {
-        if (this.state === 1 || this.state === 32 && this.sequenceIndex === 0) {
-          this.cbs.ontext(this.sectionStart, this.index);
-          this.sectionStart = this.index;
-        } else if (this.state === 19 || this.state === 20 || this.state === 21) {
-          this.cbs.onattribdata(this.sectionStart, this.index);
-          this.sectionStart = this.index;
-        }
-      }
-    }
-    finish() {
-      this.handleTrailingData();
-      this.cbs.onend();
-    }
-    /** Handle any trailing data. */
-    handleTrailingData() {
-      const endIndex = this.buffer.length;
-      if (this.sectionStart >= endIndex) {
-        return;
-      }
-      if (this.state === 28) {
-        if (this.currentSequence === Sequences.CdataEnd) {
-          this.cbs.oncdata(this.sectionStart, endIndex);
-        } else {
-          this.cbs.oncomment(this.sectionStart, endIndex);
-        }
-      } else if (this.state === 6 || this.state === 11 || this.state === 18 || this.state === 17 || this.state === 12 || this.state === 13 || this.state === 14 || this.state === 15 || this.state === 16 || this.state === 20 || this.state === 19 || this.state === 21 || this.state === 9) ; else {
-        this.cbs.ontext(this.sectionStart, endIndex);
-      }
-    }
-    emitCodePoint(cp, consumed) {
-    }
-  }
-
-  function defaultOnError(error) {
-    throw error;
-  }
-  function defaultOnWarn(msg) {
-    console.warn(`[Vue warn] ${msg.message}`);
-  }
-  function createCompilerError(code, loc, messages, additionalMessage) {
-    const msg = (messages || errorMessages)[code] + (additionalMessage || ``) ;
-    const error = new SyntaxError(String(msg));
-    error.code = code;
-    error.loc = loc;
-    return error;
-  }
-  const errorMessages = {
-    // parse errors
-    [0]: "Illegal comment.",
-    [1]: "CDATA section is allowed only in XML context.",
-    [2]: "Duplicate attribute.",
-    [3]: "End tag cannot have attributes.",
-    [4]: "Illegal '/' in tags.",
-    [5]: "Unexpected EOF in tag.",
-    [6]: "Unexpected EOF in CDATA section.",
-    [7]: "Unexpected EOF in comment.",
-    [8]: "Unexpected EOF in script.",
-    [9]: "Unexpected EOF in tag.",
-    [10]: "Incorrectly closed comment.",
-    [11]: "Incorrectly opened comment.",
-    [12]: "Illegal tag name. Use '&lt;' to print '<'.",
-    [13]: "Attribute value was expected.",
-    [14]: "End tag name was expected.",
-    [15]: "Whitespace was expected.",
-    [16]: "Unexpected '<!--' in comment.",
-    [17]: `Attribute name cannot contain U+0022 ("), U+0027 ('), and U+003C (<).`,
-    [18]: "Unquoted attribute value cannot contain U+0022 (\"), U+0027 ('), U+003C (<), U+003D (=), and U+0060 (`).",
-    [19]: "Attribute name cannot start with '='.",
-    [21]: "'<?' is allowed only in XML context.",
-    [20]: `Unexpected null character.`,
-    [22]: "Illegal '/' in tags.",
-    // Vue-specific parse errors
-    [23]: "Invalid end tag.",
-    [24]: "Element is missing end tag.",
-    [25]: "Interpolation end sign was not found.",
-    [27]: "End bracket for dynamic directive argument was not found. Note that dynamic directive argument cannot contain spaces.",
-    [26]: "Legal directive name was expected.",
-    // transform errors
-    [28]: `v-if/v-else-if is missing expression.`,
-    [29]: `v-if/else branches must use unique keys.`,
-    [30]: `v-else/v-else-if has no adjacent v-if or v-else-if.`,
-    [31]: `v-for is missing expression.`,
-    [32]: `v-for has invalid expression.`,
-    [33]: `<template v-for> key should be placed on the <template> tag.`,
-    [34]: `v-bind is missing expression.`,
-    [53]: `v-bind with same-name shorthand only allows static argument.`,
-    [35]: `v-on is missing expression.`,
-    [36]: `Unexpected custom directive on <slot> outlet.`,
-    [37]: `Mixed v-slot usage on both the component and nested <template>. When there are multiple named slots, all slots should use <template> syntax to avoid scope ambiguity.`,
-    [38]: `Duplicate slot names found. `,
-    [39]: `Extraneous children found when component already has explicitly named default slot. These children will be ignored.`,
-    [40]: `v-slot can only be used on components or <template> tags.`,
-    [41]: `v-model is missing expression.`,
-    [42]: `v-model value must be a valid JavaScript member expression.`,
-    [43]: `v-model cannot be used on v-for or v-slot scope variables because they are not writable.`,
-    [44]: `v-model cannot be used on a prop, because local prop bindings are not writable.
-Use a v-bind binding combined with a v-on listener that emits update:x event instead.`,
-    [45]: `v-model cannot be used on a const binding because it is not writable.`,
-    [46]: `Error parsing JavaScript expression: `,
-    [47]: `<KeepAlive> expects exactly one child component.`,
-    [52]: `@vnode-* hooks in templates are no longer supported. Use the vue: prefix instead. For example, @vnode-mounted should be changed to @vue:mounted. @vnode-* hooks support has been removed in 3.4.`,
-    // generic errors
-    [48]: `"prefixIdentifiers" option is not supported in this build of compiler.`,
-    [49]: `ES module mode is not supported in this build of compiler.`,
-    [50]: `"cacheHandlers" option is only supported when the "prefixIdentifiers" option is enabled.`,
-    [51]: `"scopeId" option is only supported in module mode.`,
-    // just to fulfill types
-    [54]: ``
-  };
-
-  const isStaticExp = (p) => p.type === 4 && p.isStatic;
-  function isCoreComponent(tag) {
-    switch (tag) {
-      case "Teleport":
-      case "teleport":
-        return TELEPORT;
-      case "Suspense":
-      case "suspense":
-        return SUSPENSE;
-      case "KeepAlive":
-      case "keep-alive":
-        return KEEP_ALIVE;
-      case "BaseTransition":
-      case "base-transition":
-        return BASE_TRANSITION;
-    }
-  }
-  const nonIdentifierRE = /^$|^\d|[^\$\w\xA0-\uFFFF]/;
-  const isSimpleIdentifier = (name) => !nonIdentifierRE.test(name);
-  const validFirstIdentCharRE = /[A-Za-z_$\xA0-\uFFFF]/;
-  const validIdentCharRE = /[\.\?\w$\xA0-\uFFFF]/;
-  const whitespaceRE = /\s+[.[]\s*|\s*[.[]\s+/g;
-  const getExpSource = (exp) => exp.type === 4 ? exp.content : exp.loc.source;
-  const isMemberExpressionBrowser = (exp) => {
-    const path = getExpSource(exp).trim().replace(whitespaceRE, (s) => s.trim());
-    let state = 0 /* inMemberExp */;
-    let stateStack = [];
-    let currentOpenBracketCount = 0;
-    let currentOpenParensCount = 0;
-    let currentStringType = null;
-    for (let i = 0; i < path.length; i++) {
-      const char = path.charAt(i);
-      switch (state) {
-        case 0 /* inMemberExp */:
-          if (char === "[") {
-            stateStack.push(state);
-            state = 1 /* inBrackets */;
-            currentOpenBracketCount++;
-          } else if (char === "(") {
-            stateStack.push(state);
-            state = 2 /* inParens */;
-            currentOpenParensCount++;
-          } else if (!(i === 0 ? validFirstIdentCharRE : validIdentCharRE).test(char)) {
-            return false;
-          }
-          break;
-        case 1 /* inBrackets */:
-          if (char === `'` || char === `"` || char === "`") {
-            stateStack.push(state);
-            state = 3 /* inString */;
-            currentStringType = char;
-          } else if (char === `[`) {
-            currentOpenBracketCount++;
-          } else if (char === `]`) {
-            if (!--currentOpenBracketCount) {
-              state = stateStack.pop();
-            }
-          }
-          break;
-        case 2 /* inParens */:
-          if (char === `'` || char === `"` || char === "`") {
-            stateStack.push(state);
-            state = 3 /* inString */;
-            currentStringType = char;
-          } else if (char === `(`) {
-            currentOpenParensCount++;
-          } else if (char === `)`) {
-            if (i === path.length - 1) {
-              return false;
-            }
-            if (!--currentOpenParensCount) {
-              state = stateStack.pop();
-            }
-          }
-          break;
-        case 3 /* inString */:
-          if (char === currentStringType) {
-            state = stateStack.pop();
-            currentStringType = null;
-          }
-          break;
-      }
-    }
-    return !currentOpenBracketCount && !currentOpenParensCount;
-  };
-  const isMemberExpression = isMemberExpressionBrowser ;
-  const fnExpRE = /^\s*(?:async\s*)?(?:\([^)]*?\)|[\w$_]+)\s*(?::[^=]+)?=>|^\s*(?:async\s+)?function(?:\s+[\w$]+)?\s*\(/;
-  const isFnExpressionBrowser = (exp) => fnExpRE.test(getExpSource(exp));
-  const isFnExpression = isFnExpressionBrowser ;
-  function assert(condition, msg) {
-    if (!condition) {
-      throw new Error(msg || `unexpected compiler condition`);
-    }
-  }
-  function findDir(node, name, allowEmpty = false) {
-    for (let i = 0; i < node.props.length; i++) {
-      const p = node.props[i];
-      if (p.type === 7 && (allowEmpty || p.exp) && (isString(name) ? p.name === name : name.test(p.name))) {
-        return p;
-      }
-    }
-  }
-  function findProp(node, name, dynamicOnly = false, allowEmpty = false) {
-    for (let i = 0; i < node.props.length; i++) {
-      const p = node.props[i];
-      if (p.type === 6) {
-        if (dynamicOnly) continue;
-        if (p.name === name && (p.value || allowEmpty)) {
-          return p;
-        }
-      } else if (p.name === "bind" && (p.exp || allowEmpty) && isStaticArgOf(p.arg, name)) {
-        return p;
-      }
-    }
-  }
-  function isStaticArgOf(arg, name) {
-    return !!(arg && isStaticExp(arg) && arg.content === name);
-  }
-  function hasDynamicKeyVBind(node) {
-    return node.props.some(
-      (p) => p.type === 7 && p.name === "bind" && (!p.arg || // v-bind="obj"
-      p.arg.type !== 4 || // v-bind:[_ctx.foo]
-      !p.arg.isStatic)
-      // v-bind:[foo]
-    );
-  }
-  function isText$1(node) {
-    return node.type === 5 || node.type === 2;
-  }
-  function isVPre(p) {
-    return p.type === 7 && p.name === "pre";
-  }
-  function isVSlot(p) {
-    return p.type === 7 && p.name === "slot";
-  }
-  function isTemplateNode(node) {
-    return node.type === 1 && node.tagType === 3;
-  }
-  function isSlotOutlet(node) {
-    return node.type === 1 && node.tagType === 2;
-  }
-  const propsHelperSet = /* @__PURE__ */ new Set([NORMALIZE_PROPS, GUARD_REACTIVE_PROPS]);
-  function getUnnormalizedProps(props, callPath = []) {
-    if (props && !isString(props) && props.type === 14) {
-      const callee = props.callee;
-      if (!isString(callee) && propsHelperSet.has(callee)) {
-        return getUnnormalizedProps(
-          props.arguments[0],
-          callPath.concat(props)
-        );
-      }
-    }
-    return [props, callPath];
-  }
-  function injectProp(node, prop, context) {
-    let propsWithInjection;
-    let props = node.type === 13 ? node.props : node.arguments[2];
-    let callPath = [];
-    let parentCall;
-    if (props && !isString(props) && props.type === 14) {
-      const ret = getUnnormalizedProps(props);
-      props = ret[0];
-      callPath = ret[1];
-      parentCall = callPath[callPath.length - 1];
-    }
-    if (props == null || isString(props)) {
-      propsWithInjection = createObjectExpression([prop]);
-    } else if (props.type === 14) {
-      const first = props.arguments[0];
-      if (!isString(first) && first.type === 15) {
-        if (!hasProp(prop, first)) {
-          first.properties.unshift(prop);
-        }
-      } else {
-        if (props.callee === TO_HANDLERS) {
-          propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [
-            createObjectExpression([prop]),
-            props
-          ]);
-        } else {
-          props.arguments.unshift(createObjectExpression([prop]));
-        }
-      }
-      !propsWithInjection && (propsWithInjection = props);
-    } else if (props.type === 15) {
-      if (!hasProp(prop, props)) {
-        props.properties.unshift(prop);
-      }
-      propsWithInjection = props;
-    } else {
-      propsWithInjection = createCallExpression(context.helper(MERGE_PROPS), [
-        createObjectExpression([prop]),
-        props
-      ]);
-      if (parentCall && parentCall.callee === GUARD_REACTIVE_PROPS) {
-        parentCall = callPath[callPath.length - 2];
-      }
-    }
-    if (node.type === 13) {
-      if (parentCall) {
-        parentCall.arguments[0] = propsWithInjection;
-      } else {
-        node.props = propsWithInjection;
-      }
-    } else {
-      if (parentCall) {
-        parentCall.arguments[0] = propsWithInjection;
-      } else {
-        node.arguments[2] = propsWithInjection;
-      }
-    }
-  }
-  function hasProp(prop, props) {
-    let result = false;
-    if (prop.key.type === 4) {
-      const propKeyName = prop.key.content;
-      result = props.properties.some(
-        (p) => p.key.type === 4 && p.key.content === propKeyName
-      );
-    }
-    return result;
-  }
-  function toValidAssetId(name, type) {
-    return `_${type}_${name.replace(/[^\w]/g, (searchValue, replaceValue) => {
-    return searchValue === "-" ? "_" : name.charCodeAt(replaceValue).toString();
-  })}`;
-  }
-  function getMemoedVNodeCall(node) {
-    if (node.type === 14 && node.callee === WITH_MEMO) {
-      return node.arguments[1].returns;
-    } else {
-      return node;
-    }
-  }
-  const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+(\S[\s\S]*)/;
-  function isAllWhitespace(str) {
-    for (let i = 0; i < str.length; i++) {
-      if (!isWhitespace(str.charCodeAt(i))) {
-        return false;
-      }
-    }
-    return true;
-  }
-  function isWhitespaceText(node) {
-    return node.type === 2 && isAllWhitespace(node.content) || node.type === 12 && isWhitespaceText(node.content);
-  }
-  function isCommentOrWhitespace(node) {
-    return node.type === 3 || isWhitespaceText(node);
-  }
-
-  const defaultParserOptions = {
-    parseMode: "base",
-    ns: 0,
-    delimiters: [`{{`, `}}`],
-    getNamespace: () => 0,
-    isVoidTag: NO,
-    isPreTag: NO,
-    isIgnoreNewlineTag: NO,
-    isCustomElement: NO,
-    onError: defaultOnError,
-    onWarn: defaultOnWarn,
-    comments: true,
-    prefixIdentifiers: false
-  };
-  let currentOptions = defaultParserOptions;
-  let currentRoot = null;
-  let currentInput = "";
-  let currentOpenTag = null;
-  let currentProp = null;
-  let currentAttrValue = "";
-  let currentAttrStartIndex = -1;
-  let currentAttrEndIndex = -1;
-  let inPre = 0;
-  let inVPre = false;
-  let currentVPreBoundary = null;
-  const stack = [];
-  const tokenizer = new Tokenizer(stack, {
-    onerr: emitError,
-    ontext(start, end) {
-      onText(getSlice(start, end), start, end);
-    },
-    ontextentity(char, start, end) {
-      onText(char, start, end);
-    },
-    oninterpolation(start, end) {
-      if (inVPre) {
-        return onText(getSlice(start, end), start, end);
-      }
-      let innerStart = start + tokenizer.delimiterOpen.length;
-      let innerEnd = end - tokenizer.delimiterClose.length;
-      while (isWhitespace(currentInput.charCodeAt(innerStart))) {
-        innerStart++;
-      }
-      while (isWhitespace(currentInput.charCodeAt(innerEnd - 1))) {
-        innerEnd--;
-      }
-      let exp = getSlice(innerStart, innerEnd);
-      if (exp.includes("&")) {
-        {
-          exp = currentOptions.decodeEntities(exp, false);
-        }
-      }
-      addNode({
-        type: 5,
-        content: createExp(exp, false, getLoc(innerStart, innerEnd)),
-        loc: getLoc(start, end)
-      });
-    },
-    onopentagname(start, end) {
-      const name = getSlice(start, end);
-      currentOpenTag = {
-        type: 1,
-        tag: name,
-        ns: currentOptions.getNamespace(name, stack[0], currentOptions.ns),
-        tagType: 0,
-        // will be refined on tag close
-        props: [],
-        children: [],
-        loc: getLoc(start - 1, end),
-        codegenNode: void 0
-      };
-    },
-    onopentagend(end) {
-      endOpenTag(end);
-    },
-    onclosetag(start, end) {
-      const name = getSlice(start, end);
-      if (!currentOptions.isVoidTag(name)) {
-        let found = false;
-        for (let i = 0; i < stack.length; i++) {
-          const e = stack[i];
-          if (e.tag.toLowerCase() === name.toLowerCase()) {
-            found = true;
-            if (i > 0) {
-              emitError(24, stack[0].loc.start.offset);
-            }
-            for (let j = 0; j <= i; j++) {
-              const el = stack.shift();
-              onCloseTag(el, end, j < i);
-            }
-            break;
-          }
-        }
-        if (!found) {
-          emitError(23, backTrack(start, 60));
-        }
-      }
-    },
-    onselfclosingtag(end) {
-      const name = currentOpenTag.tag;
-      currentOpenTag.isSelfClosing = true;
-      endOpenTag(end);
-      if (stack[0] && stack[0].tag === name) {
-        onCloseTag(stack.shift(), end);
-      }
-    },
-    onattribname(start, end) {
-      currentProp = {
-        type: 6,
-        name: getSlice(start, end),
-        nameLoc: getLoc(start, end),
-        value: void 0,
-        loc: getLoc(start)
-      };
-    },
-    ondirname(start, end) {
-      const raw = getSlice(start, end);
-      const name = raw === "." || raw === ":" ? "bind" : raw === "@" ? "on" : raw === "#" ? "slot" : raw.slice(2);
-      if (!inVPre && name === "") {
-        emitError(26, start);
-      }
-      if (inVPre || name === "") {
-        currentProp = {
-          type: 6,
-          name: raw,
-          nameLoc: getLoc(start, end),
-          value: void 0,
-          loc: getLoc(start)
-        };
-      } else {
-        currentProp = {
-          type: 7,
-          name,
-          rawName: raw,
-          exp: void 0,
-          arg: void 0,
-          modifiers: raw === "." ? [createSimpleExpression("prop")] : [],
-          loc: getLoc(start)
-        };
-        if (name === "pre") {
-          inVPre = tokenizer.inVPre = true;
-          currentVPreBoundary = currentOpenTag;
-          const props = currentOpenTag.props;
-          for (let i = 0; i < props.length; i++) {
-            if (props[i].type === 7) {
-              props[i] = dirToAttr(props[i]);
-            }
-          }
-        }
-      }
-    },
-    ondirarg(start, end) {
-      if (start === end) return;
-      const arg = getSlice(start, end);
-      if (inVPre && !isVPre(currentProp)) {
-        currentProp.name += arg;
-        setLocEnd(currentProp.nameLoc, end);
-      } else {
-        const isStatic = arg[0] !== `[`;
-        currentProp.arg = createExp(
-          isStatic ? arg : arg.slice(1, -1),
-          isStatic,
-          getLoc(start, end),
-          isStatic ? 3 : 0
-        );
-      }
-    },
-    ondirmodifier(start, end) {
-      const mod = getSlice(start, end);
-      if (inVPre && !isVPre(currentProp)) {
-        currentProp.name += "." + mod;
-        setLocEnd(currentProp.nameLoc, end);
-      } else if (currentProp.name === "slot") {
-        const arg = currentProp.arg;
-        if (arg) {
-          arg.content += "." + mod;
-          setLocEnd(arg.loc, end);
-        }
-      } else {
-        const exp = createSimpleExpression(mod, true, getLoc(start, end));
-        currentProp.modifiers.push(exp);
-      }
-    },
-    onattribdata(start, end) {
-      currentAttrValue += getSlice(start, end);
-      if (currentAttrStartIndex < 0) currentAttrStartIndex = start;
-      currentAttrEndIndex = end;
-    },
-    onattribentity(char, start, end) {
-      currentAttrValue += char;
-      if (currentAttrStartIndex < 0) currentAttrStartIndex = start;
-      currentAttrEndIndex = end;
-    },
-    onattribnameend(end) {
-      const start = currentProp.loc.start.offset;
-      const name = getSlice(start, end);
-      if (currentProp.type === 7) {
-        currentProp.rawName = name;
-      }
-      if (currentOpenTag.props.some(
-        (p) => (p.type === 7 ? p.rawName : p.name) === name
-      )) {
-        emitError(2, start);
-      }
-    },
-    onattribend(quote, end) {
-      if (currentOpenTag && currentProp) {
-        setLocEnd(currentProp.loc, end);
-        if (quote !== 0) {
-          if (currentAttrValue.includes("&")) {
-            currentAttrValue = currentOptions.decodeEntities(
-              currentAttrValue,
-              true
-            );
-          }
-          if (currentProp.type === 6) {
-            if (currentProp.name === "class") {
-              currentAttrValue = condense(currentAttrValue).trim();
-            }
-            if (quote === 1 && !currentAttrValue) {
-              emitError(13, end);
-            }
-            currentProp.value = {
-              type: 2,
-              content: currentAttrValue,
-              loc: quote === 1 ? getLoc(currentAttrStartIndex, currentAttrEndIndex) : getLoc(currentAttrStartIndex - 1, currentAttrEndIndex + 1)
-            };
-            if (tokenizer.inSFCRoot && currentOpenTag.tag === "template" && currentProp.name === "lang" && currentAttrValue && currentAttrValue !== "html") {
-              tokenizer.enterRCDATA(toCharCodes(`</template`), 0);
-            }
-          } else {
-            let expParseMode = 0 /* Normal */;
-            currentProp.exp = createExp(
-              currentAttrValue,
-              false,
-              getLoc(currentAttrStartIndex, currentAttrEndIndex),
-              0,
-              expParseMode
-            );
-            if (currentProp.name === "for") {
-              currentProp.forParseResult = parseForExpression(currentProp.exp);
-            }
-          }
-        }
-        if (currentProp.type !== 7 || currentProp.name !== "pre") {
-          currentOpenTag.props.push(currentProp);
-        }
-      }
-      currentAttrValue = "";
-      currentAttrStartIndex = currentAttrEndIndex = -1;
-    },
-    oncomment(start, end) {
-      if (currentOptions.comments) {
-        addNode({
-          type: 3,
-          content: getSlice(start, end),
-          loc: getLoc(start - 4, end + 3)
-        });
-      }
-    },
-    onend() {
-      const end = currentInput.length;
-      if (tokenizer.state !== 1) {
-        switch (tokenizer.state) {
-          case 5:
-          case 8:
-            emitError(5, end);
-            break;
-          case 3:
-          case 4:
-            emitError(
-              25,
-              tokenizer.sectionStart
-            );
-            break;
-          case 28:
-            if (tokenizer.currentSequence === Sequences.CdataEnd) {
-              emitError(6, end);
-            } else {
-              emitError(7, end);
-            }
-            break;
-          case 6:
-          case 7:
-          case 9:
-          case 11:
-          case 12:
-          case 13:
-          case 14:
-          case 15:
-          case 16:
-          case 17:
-          case 18:
-          case 19:
-          // "
-          case 20:
-          // '
-          case 21:
-            emitError(9, end);
-            break;
-        }
-      }
-      for (let index = 0; index < stack.length; index++) {
-        onCloseTag(stack[index], end - 1);
-        emitError(24, stack[index].loc.start.offset);
-      }
-    },
-    oncdata(start, end) {
-      if (stack[0].ns !== 0) {
-        onText(getSlice(start, end), start, end);
-      } else {
-        emitError(1, start - 9);
-      }
-    },
-    onprocessinginstruction(start) {
-      if ((stack[0] ? stack[0].ns : currentOptions.ns) === 0) {
-        emitError(
-          21,
-          start - 1
-        );
-      }
-    }
-  });
-  const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/;
-  const stripParensRE = /^\(|\)$/g;
-  function parseForExpression(input) {
-    const loc = input.loc;
-    const exp = input.content;
-    const inMatch = exp.match(forAliasRE);
-    if (!inMatch) return;
-    const [, LHS, RHS] = inMatch;
-    const createAliasExpression = (content, offset, asParam = false) => {
-      const start = loc.start.offset + offset;
-      const end = start + content.length;
-      return createExp(
-        content,
-        false,
-        getLoc(start, end),
-        0,
-        asParam ? 1 /* Params */ : 0 /* Normal */
-      );
-    };
-    const result = {
-      source: createAliasExpression(RHS.trim(), exp.indexOf(RHS, LHS.length)),
-      value: void 0,
-      key: void 0,
-      index: void 0,
-      finalized: false
-    };
-    let valueContent = LHS.trim().replace(stripParensRE, "").trim();
-    const trimmedOffset = LHS.indexOf(valueContent);
-    const iteratorMatch = valueContent.match(forIteratorRE);
-    if (iteratorMatch) {
-      valueContent = valueContent.replace(forIteratorRE, "").trim();
-      const keyContent = iteratorMatch[1].trim();
-      let keyOffset;
-      if (keyContent) {
-        keyOffset = exp.indexOf(keyContent, trimmedOffset + valueContent.length);
-        result.key = createAliasExpression(keyContent, keyOffset, true);
-      }
-      if (iteratorMatch[2]) {
-        const indexContent = iteratorMatch[2].trim();
-        if (indexContent) {
-          result.index = createAliasExpression(
-            indexContent,
-            exp.indexOf(
-              indexContent,
-              result.key ? keyOffset + keyContent.length : trimmedOffset + valueContent.length
-            ),
-            true
-          );
-        }
-      }
-    }
-    if (valueContent) {
-      result.value = createAliasExpression(valueContent, trimmedOffset, true);
-    }
-    return result;
-  }
-  function getSlice(start, end) {
-    return currentInput.slice(start, end);
-  }
-  function endOpenTag(end) {
-    if (tokenizer.inSFCRoot) {
-      currentOpenTag.innerLoc = getLoc(end + 1, end + 1);
-    }
-    addNode(currentOpenTag);
-    const { tag, ns } = currentOpenTag;
-    if (ns === 0 && currentOptions.isPreTag(tag)) {
-      inPre++;
-    }
-    if (currentOptions.isVoidTag(tag)) {
-      onCloseTag(currentOpenTag, end);
-    } else {
-      stack.unshift(currentOpenTag);
-      if (ns === 1 || ns === 2) {
-        tokenizer.inXML = true;
-      }
-    }
-    currentOpenTag = null;
-  }
-  function onText(content, start, end) {
-    {
-      const tag = stack[0] && stack[0].tag;
-      if (tag !== "script" && tag !== "style" && content.includes("&")) {
-        content = currentOptions.decodeEntities(content, false);
-      }
-    }
-    const parent = stack[0] || currentRoot;
-    const lastNode = parent.children[parent.children.length - 1];
-    if (lastNode && lastNode.type === 2) {
-      lastNode.content += content;
-      setLocEnd(lastNode.loc, end);
-    } else {
-      parent.children.push({
-        type: 2,
-        content,
-        loc: getLoc(start, end)
-      });
-    }
-  }
-  function onCloseTag(el, end, isImplied = false) {
-    if (isImplied) {
-      setLocEnd(el.loc, backTrack(end, 60));
-    } else {
-      setLocEnd(el.loc, lookAhead(end, 62) + 1);
-    }
-    if (tokenizer.inSFCRoot) {
-      if (el.children.length) {
-        el.innerLoc.end = extend({}, el.children[el.children.length - 1].loc.end);
-      } else {
-        el.innerLoc.end = extend({}, el.innerLoc.start);
-      }
-      el.innerLoc.source = getSlice(
-        el.innerLoc.start.offset,
-        el.innerLoc.end.offset
-      );
-    }
-    const { tag, ns, children } = el;
-    if (!inVPre) {
-      if (tag === "slot") {
-        el.tagType = 2;
-      } else if (isFragmentTemplate(el)) {
-        el.tagType = 3;
-      } else if (isComponent(el)) {
-        el.tagType = 1;
-      }
-    }
-    if (!tokenizer.inRCDATA) {
-      el.children = condenseWhitespace(children);
-    }
-    if (ns === 0 && currentOptions.isIgnoreNewlineTag(tag)) {
-      const first = children[0];
-      if (first && first.type === 2) {
-        first.content = first.content.replace(/^\r?\n/, "");
-      }
-    }
-    if (ns === 0 && currentOptions.isPreTag(tag)) {
-      inPre--;
-    }
-    if (currentVPreBoundary === el) {
-      inVPre = tokenizer.inVPre = false;
-      currentVPreBoundary = null;
-    }
-    if (tokenizer.inXML && (stack[0] ? stack[0].ns : currentOptions.ns) === 0) {
-      tokenizer.inXML = false;
-    }
-  }
-  function lookAhead(index, c) {
-    let i = index;
-    while (currentInput.charCodeAt(i) !== c && i < currentInput.length - 1) i++;
-    return i;
-  }
-  function backTrack(index, c) {
-    let i = index;
-    while (currentInput.charCodeAt(i) !== c && i >= 0) i--;
-    return i;
-  }
-  const specialTemplateDir = /* @__PURE__ */ new Set(["if", "else", "else-if", "for", "slot"]);
-  function isFragmentTemplate({ tag, props }) {
-    if (tag === "template") {
-      for (let i = 0; i < props.length; i++) {
-        if (props[i].type === 7 && specialTemplateDir.has(props[i].name)) {
-          return true;
-        }
-      }
-    }
-    return false;
-  }
-  function isComponent({ tag, props }) {
-    if (currentOptions.isCustomElement(tag)) {
-      return false;
-    }
-    if (tag === "component" || isUpperCase(tag.charCodeAt(0)) || isCoreComponent(tag) || currentOptions.isBuiltInComponent && currentOptions.isBuiltInComponent(tag) || currentOptions.isNativeTag && !currentOptions.isNativeTag(tag)) {
-      return true;
-    }
-    for (let i = 0; i < props.length; i++) {
-      const p = props[i];
-      if (p.type === 6) {
-        if (p.name === "is" && p.value) {
-          if (p.value.content.startsWith("vue:")) {
-            return true;
-          }
-        }
-      }
-    }
-    return false;
-  }
-  function isUpperCase(c) {
-    return c > 64 && c < 91;
-  }
-  const windowsNewlineRE = /\r\n/g;
-  function condenseWhitespace(nodes) {
-    const shouldCondense = currentOptions.whitespace !== "preserve";
-    let removedWhitespace = false;
-    for (let i = 0; i < nodes.length; i++) {
-      const node = nodes[i];
-      if (node.type === 2) {
-        if (!inPre) {
-          if (isAllWhitespace(node.content)) {
-            const prev = nodes[i - 1] && nodes[i - 1].type;
-            const next = nodes[i + 1] && nodes[i + 1].type;
-            if (!prev || !next || shouldCondense && (prev === 3 && (next === 3 || next === 1) || prev === 1 && (next === 3 || next === 1 && hasNewlineChar(node.content)))) {
-              removedWhitespace = true;
-              nodes[i] = null;
-            } else {
-              node.content = " ";
-            }
-          } else if (shouldCondense) {
-            node.content = condense(node.content);
-          }
-        } else {
-          node.content = node.content.replace(windowsNewlineRE, "\n");
-        }
-      }
-    }
-    return removedWhitespace ? nodes.filter(Boolean) : nodes;
-  }
-  function hasNewlineChar(str) {
-    for (let i = 0; i < str.length; i++) {
-      const c = str.charCodeAt(i);
-      if (c === 10 || c === 13) {
-        return true;
-      }
-    }
-    return false;
-  }
-  function condense(str) {
-    let ret = "";
-    let prevCharIsWhitespace = false;
-    for (let i = 0; i < str.length; i++) {
-      if (isWhitespace(str.charCodeAt(i))) {
-        if (!prevCharIsWhitespace) {
-          ret += " ";
-          prevCharIsWhitespace = true;
-        }
-      } else {
-        ret += str[i];
-        prevCharIsWhitespace = false;
-      }
-    }
-    return ret;
-  }
-  function addNode(node) {
-    (stack[0] || currentRoot).children.push(node);
-  }
-  function getLoc(start, end) {
-    return {
-      start: tokenizer.getPos(start),
-      // @ts-expect-error allow late attachment
-      end: end == null ? end : tokenizer.getPos(end),
-      // @ts-expect-error allow late attachment
-      source: end == null ? end : getSlice(start, end)
-    };
-  }
-  function cloneLoc(loc) {
-    return getLoc(loc.start.offset, loc.end.offset);
-  }
-  function setLocEnd(loc, end) {
-    loc.end = tokenizer.getPos(end);
-    loc.source = getSlice(loc.start.offset, end);
-  }
-  function dirToAttr(dir) {
-    const attr = {
-      type: 6,
-      name: dir.rawName,
-      nameLoc: getLoc(
-        dir.loc.start.offset,
-        dir.loc.start.offset + dir.rawName.length
-      ),
-      value: void 0,
-      loc: dir.loc
-    };
-    if (dir.exp) {
-      const loc = dir.exp.loc;
-      if (loc.end.offset < dir.loc.end.offset) {
-        loc.start.offset--;
-        loc.start.column--;
-        loc.end.offset++;
-        loc.end.column++;
-      }
-      attr.value = {
-        type: 2,
-        content: dir.exp.content,
-        loc
-      };
-    }
-    return attr;
-  }
-  function createExp(content, isStatic = false, loc, constType = 0, parseMode = 0 /* Normal */) {
-    const exp = createSimpleExpression(content, isStatic, loc, constType);
-    return exp;
-  }
-  function emitError(code, index, message) {
-    currentOptions.onError(
-      createCompilerError(code, getLoc(index, index), void 0, message)
-    );
-  }
-  function reset() {
-    tokenizer.reset();
-    currentOpenTag = null;
-    currentProp = null;
-    currentAttrValue = "";
-    currentAttrStartIndex = -1;
-    currentAttrEndIndex = -1;
-    stack.length = 0;
-  }
-  function baseParse(input, options) {
-    reset();
-    currentInput = input;
-    currentOptions = extend({}, defaultParserOptions);
-    if (options) {
-      let key;
-      for (key in options) {
-        if (options[key] != null) {
-          currentOptions[key] = options[key];
-        }
-      }
-    }
-    {
-      if (!currentOptions.decodeEntities) {
-        throw new Error(
-          `[@vue/compiler-core] decodeEntities option is required in browser builds.`
-        );
-      }
-    }
-    tokenizer.mode = currentOptions.parseMode === "html" ? 1 : currentOptions.parseMode === "sfc" ? 2 : 0;
-    tokenizer.inXML = currentOptions.ns === 1 || currentOptions.ns === 2;
-    const delimiters = options && options.delimiters;
-    if (delimiters) {
-      tokenizer.delimiterOpen = toCharCodes(delimiters[0]);
-      tokenizer.delimiterClose = toCharCodes(delimiters[1]);
-    }
-    const root = currentRoot = createRoot([], input);
-    tokenizer.parse(currentInput);
-    root.loc = getLoc(0, input.length);
-    root.children = condenseWhitespace(root.children);
-    currentRoot = null;
-    return root;
-  }
-
-  function cacheStatic(root, context) {
-    walk(
-      root,
-      void 0,
-      context,
-      // Root node is unfortunately non-hoistable due to potential parent
-      // fallthrough attributes.
-      !!getSingleElementRoot(root)
-    );
-  }
-  function getSingleElementRoot(root) {
-    const children = root.children.filter((x) => x.type !== 3);
-    return children.length === 1 && children[0].type === 1 && !isSlotOutlet(children[0]) ? children[0] : null;
-  }
-  function walk(node, parent, context, doNotHoistNode = false, inFor = false) {
-    const { children } = node;
-    const toCache = [];
-    for (let i = 0; i < children.length; i++) {
-      const child = children[i];
-      if (child.type === 1 && child.tagType === 0) {
-        const constantType = doNotHoistNode ? 0 : getConstantType(child, context);
-        if (constantType > 0) {
-          if (constantType >= 2) {
-            child.codegenNode.patchFlag = -1;
-            toCache.push(child);
-            continue;
-          }
-        } else {
-          const codegenNode = child.codegenNode;
-          if (codegenNode.type === 13) {
-            const flag = codegenNode.patchFlag;
-            if ((flag === void 0 || flag === 512 || flag === 1) && getGeneratedPropsConstantType(child, context) >= 2) {
-              const props = getNodeProps(child);
-              if (props) {
-                codegenNode.props = context.hoist(props);
-              }
-            }
-            if (codegenNode.dynamicProps) {
-              codegenNode.dynamicProps = context.hoist(codegenNode.dynamicProps);
-            }
-          }
-        }
-      } else if (child.type === 12) {
-        const constantType = doNotHoistNode ? 0 : getConstantType(child, context);
-        if (constantType >= 2) {
-          if (child.codegenNode.type === 14 && child.codegenNode.arguments.length > 0) {
-            child.codegenNode.arguments.push(
-              -1 + (` /* ${PatchFlagNames[-1]} */` )
-            );
-          }
-          toCache.push(child);
-          continue;
-        }
-      }
-      if (child.type === 1) {
-        const isComponent = child.tagType === 1;
-        if (isComponent) {
-          context.scopes.vSlot++;
-        }
-        walk(child, node, context, false, inFor);
-        if (isComponent) {
-          context.scopes.vSlot--;
-        }
-      } else if (child.type === 11) {
-        walk(child, node, context, child.children.length === 1, true);
-      } else if (child.type === 9) {
-        for (let i2 = 0; i2 < child.branches.length; i2++) {
-          walk(
-            child.branches[i2],
-            node,
-            context,
-            child.branches[i2].children.length === 1,
-            inFor
-          );
-        }
-      }
-    }
-    let cachedAsArray = false;
-    if (toCache.length === children.length && node.type === 1) {
-      if (node.tagType === 0 && node.codegenNode && node.codegenNode.type === 13 && isArray(node.codegenNode.children)) {
-        node.codegenNode.children = getCacheExpression(
-          createArrayExpression(node.codegenNode.children)
-        );
-        cachedAsArray = true;
-      } else if (node.tagType === 1 && node.codegenNode && node.codegenNode.type === 13 && node.codegenNode.children && !isArray(node.codegenNode.children) && node.codegenNode.children.type === 15) {
-        const slot = getSlotNode(node.codegenNode, "default");
-        if (slot) {
-          slot.returns = getCacheExpression(
-            createArrayExpression(slot.returns)
-          );
-          cachedAsArray = true;
-        }
-      } else if (node.tagType === 3 && parent && parent.type === 1 && parent.tagType === 1 && parent.codegenNode && parent.codegenNode.type === 13 && parent.codegenNode.children && !isArray(parent.codegenNode.children) && parent.codegenNode.children.type === 15) {
-        const slotName = findDir(node, "slot", true);
-        const slot = slotName && slotName.arg && getSlotNode(parent.codegenNode, slotName.arg);
-        if (slot) {
-          slot.returns = getCacheExpression(
-            createArrayExpression(slot.returns)
-          );
-          cachedAsArray = true;
-        }
-      }
-    }
-    if (!cachedAsArray) {
-      for (const child of toCache) {
-        child.codegenNode = context.cache(child.codegenNode);
-      }
-    }
-    function getCacheExpression(value) {
-      const exp = context.cache(value);
-      exp.needArraySpread = true;
-      return exp;
-    }
-    function getSlotNode(node2, name) {
-      if (node2.children && !isArray(node2.children) && node2.children.type === 15) {
-        const slot = node2.children.properties.find(
-          (p) => p.key === name || p.key.content === name
-        );
-        return slot && slot.value;
-      }
-    }
-    if (toCache.length && context.transformHoist) {
-      context.transformHoist(children, context, node);
-    }
-  }
-  function getConstantType(node, context) {
-    const { constantCache } = context;
-    switch (node.type) {
-      case 1:
-        if (node.tagType !== 0) {
-          return 0;
-        }
-        const cached = constantCache.get(node);
-        if (cached !== void 0) {
-          return cached;
-        }
-        const codegenNode = node.codegenNode;
-        if (codegenNode.type !== 13) {
-          return 0;
-        }
-        if (codegenNode.isBlock && node.tag !== "svg" && node.tag !== "foreignObject" && node.tag !== "math") {
-          return 0;
-        }
-        if (codegenNode.patchFlag === void 0) {
-          let returnType2 = 3;
-          const generatedPropsType = getGeneratedPropsConstantType(node, context);
-          if (generatedPropsType === 0) {
-            constantCache.set(node, 0);
-            return 0;
-          }
-          if (generatedPropsType < returnType2) {
-            returnType2 = generatedPropsType;
-          }
-          for (let i = 0; i < node.children.length; i++) {
-            const childType = getConstantType(node.children[i], context);
-            if (childType === 0) {
-              constantCache.set(node, 0);
-              return 0;
-            }
-            if (childType < returnType2) {
-              returnType2 = childType;
-            }
-          }
-          if (returnType2 > 1) {
-            for (let i = 0; i < node.props.length; i++) {
-              const p = node.props[i];
-              if (p.type === 7 && p.name === "bind" && p.exp) {
-                const expType = getConstantType(p.exp, context);
-                if (expType === 0) {
-                  constantCache.set(node, 0);
-                  return 0;
-                }
-                if (expType < returnType2) {
-                  returnType2 = expType;
-                }
-              }
-            }
-          }
-          if (codegenNode.isBlock) {
-            for (let i = 0; i < node.props.length; i++) {
-              const p = node.props[i];
-              if (p.type === 7) {
-                constantCache.set(node, 0);
-                return 0;
-              }
-            }
-            context.removeHelper(OPEN_BLOCK);
-            context.removeHelper(
-              getVNodeBlockHelper(context.inSSR, codegenNode.isComponent)
-            );
-            codegenNode.isBlock = false;
-            context.helper(getVNodeHelper(context.inSSR, codegenNode.isComponent));
-          }
-          constantCache.set(node, returnType2);
-          return returnType2;
-        } else {
-          constantCache.set(node, 0);
-          return 0;
-        }
-      case 2:
-      case 3:
-        return 3;
-      case 9:
-      case 11:
-      case 10:
-        return 0;
-      case 5:
-      case 12:
-        return getConstantType(node.content, context);
-      case 4:
-        return node.constType;
-      case 8:
-        let returnType = 3;
-        for (let i = 0; i < node.children.length; i++) {
-          const child = node.children[i];
-          if (isString(child) || isSymbol(child)) {
-            continue;
-          }
-          const childType = getConstantType(child, context);
-          if (childType === 0) {
-            return 0;
-          } else if (childType < returnType) {
-            returnType = childType;
-          }
-        }
-        return returnType;
-      case 20:
-        return 2;
-      default:
-        return 0;
-    }
-  }
-  const allowHoistedHelperSet = /* @__PURE__ */ new Set([
-    NORMALIZE_CLASS,
-    NORMALIZE_STYLE,
-    NORMALIZE_PROPS,
-    GUARD_REACTIVE_PROPS
-  ]);
-  function getConstantTypeOfHelperCall(value, context) {
-    if (value.type === 14 && !isString(value.callee) && allowHoistedHelperSet.has(value.callee)) {
-      const arg = value.arguments[0];
-      if (arg.type === 4) {
-        return getConstantType(arg, context);
-      } else if (arg.type === 14) {
-        return getConstantTypeOfHelperCall(arg, context);
-      }
-    }
-    return 0;
-  }
-  function getGeneratedPropsConstantType(node, context) {
-    let returnType = 3;
-    const props = getNodeProps(node);
-    if (props && props.type === 15) {
-      const { properties } = props;
-      for (let i = 0; i < properties.length; i++) {
-        const { key, value } = properties[i];
-        const keyType = getConstantType(key, context);
-        if (keyType === 0) {
-          return keyType;
-        }
-        if (keyType < returnType) {
-          returnType = keyType;
-        }
-        let valueType;
-        if (value.type === 4) {
-          valueType = getConstantType(value, context);
-        } else if (value.type === 14) {
-          valueType = getConstantTypeOfHelperCall(value, context);
-        } else {
-          valueType = 0;
-        }
-        if (valueType === 0) {
-          return valueType;
-        }
-        if (valueType < returnType) {
-          returnType = valueType;
-        }
-      }
-    }
-    return returnType;
-  }
-  function getNodeProps(node) {
-    const codegenNode = node.codegenNode;
-    if (codegenNode.type === 13) {
-      return codegenNode.props;
-    }
-  }
-
-  function createTransformContext(root, {
-    filename = "",
-    prefixIdentifiers = false,
-    hoistStatic = false,
-    hmr = false,
-    cacheHandlers = false,
-    nodeTransforms = [],
-    directiveTransforms = {},
-    transformHoist = null,
-    isBuiltInComponent = NOOP,
-    isCustomElement = NOOP,
-    expressionPlugins = [],
-    scopeId = null,
-    slotted = true,
-    ssr = false,
-    inSSR = false,
-    ssrCssVars = ``,
-    bindingMetadata = EMPTY_OBJ,
-    inline = false,
-    isTS = false,
-    onError = defaultOnError,
-    onWarn = defaultOnWarn,
-    compatConfig
-  }) {
-    const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
-    const context = {
-      // options
-      filename,
-      selfName: nameMatch && capitalize(camelize(nameMatch[1])),
-      prefixIdentifiers,
-      hoistStatic,
-      hmr,
-      cacheHandlers,
-      nodeTransforms,
-      directiveTransforms,
-      transformHoist,
-      isBuiltInComponent,
-      isCustomElement,
-      expressionPlugins,
-      scopeId,
-      slotted,
-      ssr,
-      inSSR,
-      ssrCssVars,
-      bindingMetadata,
-      inline,
-      isTS,
-      onError,
-      onWarn,
-      compatConfig,
-      // state
-      root,
-      helpers: /* @__PURE__ */ new Map(),
-      components: /* @__PURE__ */ new Set(),
-      directives: /* @__PURE__ */ new Set(),
-      hoists: [],
-      imports: [],
-      cached: [],
-      constantCache: /* @__PURE__ */ new WeakMap(),
-      temps: 0,
-      identifiers: /* @__PURE__ */ Object.create(null),
-      scopes: {
-        vFor: 0,
-        vSlot: 0,
-        vPre: 0,
-        vOnce: 0
-      },
-      parent: null,
-      grandParent: null,
-      currentNode: root,
-      childIndex: 0,
-      inVOnce: false,
-      // methods
-      helper(name) {
-        const count = context.helpers.get(name) || 0;
-        context.helpers.set(name, count + 1);
-        return name;
-      },
-      removeHelper(name) {
-        const count = context.helpers.get(name);
-        if (count) {
-          const currentCount = count - 1;
-          if (!currentCount) {
-            context.helpers.delete(name);
-          } else {
-            context.helpers.set(name, currentCount);
-          }
-        }
-      },
-      helperString(name) {
-        return `_${helperNameMap[context.helper(name)]}`;
-      },
-      replaceNode(node) {
-        {
-          if (!context.currentNode) {
-            throw new Error(`Node being replaced is already removed.`);
-          }
-          if (!context.parent) {
-            throw new Error(`Cannot replace root node.`);
-          }
-        }
-        context.parent.children[context.childIndex] = context.currentNode = node;
-      },
-      removeNode(node) {
-        if (!context.parent) {
-          throw new Error(`Cannot remove root node.`);
-        }
-        const list = context.parent.children;
-        const removalIndex = node ? list.indexOf(node) : context.currentNode ? context.childIndex : -1;
-        if (removalIndex < 0) {
-          throw new Error(`node being removed is not a child of current parent`);
-        }
-        if (!node || node === context.currentNode) {
-          context.currentNode = null;
-          context.onNodeRemoved();
-        } else {
-          if (context.childIndex > removalIndex) {
-            context.childIndex--;
-            context.onNodeRemoved();
-          }
-        }
-        context.parent.children.splice(removalIndex, 1);
-      },
-      onNodeRemoved: NOOP,
-      addIdentifiers(exp) {
-      },
-      removeIdentifiers(exp) {
-      },
-      hoist(exp) {
-        if (isString(exp)) exp = createSimpleExpression(exp);
-        context.hoists.push(exp);
-        const identifier = createSimpleExpression(
-          `_hoisted_${context.hoists.length}`,
-          false,
-          exp.loc,
-          2
-        );
-        identifier.hoisted = exp;
-        return identifier;
-      },
-      cache(exp, isVNode = false, inVOnce = false) {
-        const cacheExp = createCacheExpression(
-          context.cached.length,
-          exp,
-          isVNode,
-          inVOnce
-        );
-        context.cached.push(cacheExp);
-        return cacheExp;
-      }
-    };
-    return context;
-  }
-  function transform(root, options) {
-    const context = createTransformContext(root, options);
-    traverseNode(root, context);
-    if (options.hoistStatic) {
-      cacheStatic(root, context);
-    }
-    if (!options.ssr) {
-      createRootCodegen(root, context);
-    }
-    root.helpers = /* @__PURE__ */ new Set([...context.helpers.keys()]);
-    root.components = [...context.components];
-    root.directives = [...context.directives];
-    root.imports = context.imports;
-    root.hoists = context.hoists;
-    root.temps = context.temps;
-    root.cached = context.cached;
-    root.transformed = true;
-  }
-  function createRootCodegen(root, context) {
-    const { helper } = context;
-    const { children } = root;
-    if (children.length === 1) {
-      const singleElementRootChild = getSingleElementRoot(root);
-      if (singleElementRootChild && singleElementRootChild.codegenNode) {
-        const codegenNode = singleElementRootChild.codegenNode;
-        if (codegenNode.type === 13) {
-          convertToBlock(codegenNode, context);
-        }
-        root.codegenNode = codegenNode;
-      } else {
-        root.codegenNode = children[0];
-      }
-    } else if (children.length > 1) {
-      let patchFlag = 64;
-      if (children.filter((c) => c.type !== 3).length === 1) {
-        patchFlag |= 2048;
-      }
-      root.codegenNode = createVNodeCall(
-        context,
-        helper(FRAGMENT),
-        void 0,
-        root.children,
-        patchFlag,
-        void 0,
-        void 0,
-        true,
-        void 0,
-        false
-      );
-    } else ;
-  }
-  function traverseChildren(parent, context) {
-    let i = 0;
-    const nodeRemoved = () => {
-      i--;
-    };
-    for (; i < parent.children.length; i++) {
-      const child = parent.children[i];
-      if (isString(child)) continue;
-      context.grandParent = context.parent;
-      context.parent = parent;
-      context.childIndex = i;
-      context.onNodeRemoved = nodeRemoved;
-      traverseNode(child, context);
-    }
-  }
-  function traverseNode(node, context) {
-    context.currentNode = node;
-    const { nodeTransforms } = context;
-    const exitFns = [];
-    for (let i2 = 0; i2 < nodeTransforms.length; i2++) {
-      const onExit = nodeTransforms[i2](node, context);
-      if (onExit) {
-        if (isArray(onExit)) {
-          exitFns.push(...onExit);
-        } else {
-          exitFns.push(onExit);
-        }
-      }
-      if (!context.currentNode) {
-        return;
-      } else {
-        node = context.currentNode;
-      }
-    }
-    switch (node.type) {
-      case 3:
-        if (!context.ssr) {
-          context.helper(CREATE_COMMENT);
-        }
-        break;
-      case 5:
-        if (!context.ssr) {
-          context.helper(TO_DISPLAY_STRING);
-        }
-        break;
-      // for container types, further traverse downwards
-      case 9:
-        for (let i2 = 0; i2 < node.branches.length; i2++) {
-          traverseNode(node.branches[i2], context);
-        }
-        break;
-      case 10:
-      case 11:
-      case 1:
-      case 0:
-        traverseChildren(node, context);
-        break;
-    }
-    context.currentNode = node;
-    let i = exitFns.length;
-    while (i--) {
-      exitFns[i]();
-    }
-  }
-  function createStructuralDirectiveTransform(name, fn) {
-    const matches = isString(name) ? (n) => n === name : (n) => name.test(n);
-    return (node, context) => {
-      if (node.type === 1) {
-        const { props } = node;
-        if (node.tagType === 3 && props.some(isVSlot)) {
-          return;
-        }
-        const exitFns = [];
-        for (let i = 0; i < props.length; i++) {
-          const prop = props[i];
-          if (prop.type === 7 && matches(prop.name)) {
-            props.splice(i, 1);
-            i--;
-            const onExit = fn(node, prop, context);
-            if (onExit) exitFns.push(onExit);
-          }
-        }
-        return exitFns;
-      }
-    };
-  }
-
-  const PURE_ANNOTATION = `/*@__PURE__*/`;
-  const aliasHelper = (s) => `${helperNameMap[s]}: _${helperNameMap[s]}`;
-  function createCodegenContext(ast, {
-    mode = "function",
-    prefixIdentifiers = mode === "module",
-    sourceMap = false,
-    filename = `template.vue.html`,
-    scopeId = null,
-    optimizeImports = false,
-    runtimeGlobalName = `Vue`,
-    runtimeModuleName = `vue`,
-    ssrRuntimeModuleName = "vue/server-renderer",
-    ssr = false,
-    isTS = false,
-    inSSR = false
-  }) {
-    const context = {
-      mode,
-      prefixIdentifiers,
-      sourceMap,
-      filename,
-      scopeId,
-      optimizeImports,
-      runtimeGlobalName,
-      runtimeModuleName,
-      ssrRuntimeModuleName,
-      ssr,
-      isTS,
-      inSSR,
-      source: ast.source,
-      code: ``,
-      column: 1,
-      line: 1,
-      offset: 0,
-      indentLevel: 0,
-      pure: false,
-      map: void 0,
-      helper(key) {
-        return `_${helperNameMap[key]}`;
-      },
-      push(code, newlineIndex = -2 /* None */, node) {
-        context.code += code;
-      },
-      indent() {
-        newline(++context.indentLevel);
-      },
-      deindent(withoutNewLine = false) {
-        if (withoutNewLine) {
-          --context.indentLevel;
-        } else {
-          newline(--context.indentLevel);
-        }
-      },
-      newline() {
-        newline(context.indentLevel);
-      }
-    };
-    function newline(n) {
-      context.push("\n" + `  `.repeat(n), 0 /* Start */);
-    }
-    return context;
-  }
-  function generate(ast, options = {}) {
-    const context = createCodegenContext(ast, options);
-    if (options.onContextCreated) options.onContextCreated(context);
-    const {
-      mode,
-      push,
-      prefixIdentifiers,
-      indent,
-      deindent,
-      newline,
-      scopeId,
-      ssr
-    } = context;
-    const helpers = Array.from(ast.helpers);
-    const hasHelpers = helpers.length > 0;
-    const useWithBlock = !prefixIdentifiers && mode !== "module";
-    const preambleContext = context;
-    {
-      genFunctionPreamble(ast, preambleContext);
-    }
-    const functionName = ssr ? `ssrRender` : `render`;
-    const args = ssr ? ["_ctx", "_push", "_parent", "_attrs"] : ["_ctx", "_cache"];
-    const signature = args.join(", ");
-    {
-      push(`function ${functionName}(${signature}) {`);
-    }
-    indent();
-    if (useWithBlock) {
-      push(`with (_ctx) {`);
-      indent();
-      if (hasHelpers) {
-        push(
-          `const { ${helpers.map(aliasHelper).join(", ")} } = _Vue
-`,
-          -1 /* End */
-        );
-        newline();
-      }
-    }
-    if (ast.components.length) {
-      genAssets(ast.components, "component", context);
-      if (ast.directives.length || ast.temps > 0) {
-        newline();
-      }
-    }
-    if (ast.directives.length) {
-      genAssets(ast.directives, "directive", context);
-      if (ast.temps > 0) {
-        newline();
-      }
-    }
-    if (ast.temps > 0) {
-      push(`let `);
-      for (let i = 0; i < ast.temps; i++) {
-        push(`${i > 0 ? `, ` : ``}_temp${i}`);
-      }
-    }
-    if (ast.components.length || ast.directives.length || ast.temps) {
-      push(`
-`, 0 /* Start */);
-      newline();
-    }
-    if (!ssr) {
-      push(`return `);
-    }
-    if (ast.codegenNode) {
-      genNode(ast.codegenNode, context);
-    } else {
-      push(`null`);
-    }
-    if (useWithBlock) {
-      deindent();
-      push(`}`);
-    }
-    deindent();
-    push(`}`);
-    return {
-      ast,
-      code: context.code,
-      preamble: ``,
-      map: context.map ? context.map.toJSON() : void 0
-    };
-  }
-  function genFunctionPreamble(ast, context) {
-    const {
-      ssr,
-      prefixIdentifiers,
-      push,
-      newline,
-      runtimeModuleName,
-      runtimeGlobalName,
-      ssrRuntimeModuleName
-    } = context;
-    const VueBinding = runtimeGlobalName;
-    const helpers = Array.from(ast.helpers);
-    if (helpers.length > 0) {
-      {
-        push(`const _Vue = ${VueBinding}
-`, -1 /* End */);
-        if (ast.hoists.length) {
-          const staticHelpers = [
-            CREATE_VNODE,
-            CREATE_ELEMENT_VNODE,
-            CREATE_COMMENT,
-            CREATE_TEXT,
-            CREATE_STATIC
-          ].filter((helper) => helpers.includes(helper)).map(aliasHelper).join(", ");
-          push(`const { ${staticHelpers} } = _Vue
-`, -1 /* End */);
-        }
-      }
-    }
-    genHoists(ast.hoists, context);
-    newline();
-    push(`return `);
-  }
-  function genAssets(assets, type, { helper, push, newline, isTS }) {
-    const resolver = helper(
-      type === "component" ? RESOLVE_COMPONENT : RESOLVE_DIRECTIVE
-    );
-    for (let i = 0; i < assets.length; i++) {
-      let id = assets[i];
-      const maybeSelfReference = id.endsWith("__self");
-      if (maybeSelfReference) {
-        id = id.slice(0, -6);
-      }
-      push(
-        `const ${toValidAssetId(id, type)} = ${resolver}(${JSON.stringify(id)}${maybeSelfReference ? `, true` : ``})${isTS ? `!` : ``}`
-      );
-      if (i < assets.length - 1) {
-        newline();
-      }
-    }
-  }
-  function genHoists(hoists, context) {
-    if (!hoists.length) {
-      return;
-    }
-    context.pure = true;
-    const { push, newline } = context;
-    newline();
-    for (let i = 0; i < hoists.length; i++) {
-      const exp = hoists[i];
-      if (exp) {
-        push(`const _hoisted_${i + 1} = `);
-        genNode(exp, context);
-        newline();
-      }
-    }
-    context.pure = false;
-  }
-  function isText(n) {
-    return isString(n) || n.type === 4 || n.type === 2 || n.type === 5 || n.type === 8;
-  }
-  function genNodeListAsArray(nodes, context) {
-    const multilines = nodes.length > 3 || nodes.some((n) => isArray(n) || !isText(n));
-    context.push(`[`);
-    multilines && context.indent();
-    genNodeList(nodes, context, multilines);
-    multilines && context.deindent();
-    context.push(`]`);
-  }
-  function genNodeList(nodes, context, multilines = false, comma = true) {
-    const { push, newline } = context;
-    for (let i = 0; i < nodes.length; i++) {
-      const node = nodes[i];
-      if (isString(node)) {
-        push(node, -3 /* Unknown */);
-      } else if (isArray(node)) {
-        genNodeListAsArray(node, context);
-      } else {
-        genNode(node, context);
-      }
-      if (i < nodes.length - 1) {
-        if (multilines) {
-          comma && push(",");
-          newline();
-        } else {
-          comma && push(", ");
-        }
-      }
-    }
-  }
-  function genNode(node, context) {
-    if (isString(node)) {
-      context.push(node, -3 /* Unknown */);
-      return;
-    }
-    if (isSymbol(node)) {
-      context.push(context.helper(node));
-      return;
-    }
-    switch (node.type) {
-      case 1:
-      case 9:
-      case 11:
-        assert(
-          node.codegenNode != null,
-          `Codegen node is missing for element/if/for node. Apply appropriate transforms first.`
-        );
-        genNode(node.codegenNode, context);
-        break;
-      case 2:
-        genText(node, context);
-        break;
-      case 4:
-        genExpression(node, context);
-        break;
-      case 5:
-        genInterpolation(node, context);
-        break;
-      case 12:
-        genNode(node.codegenNode, context);
-        break;
-      case 8:
-        genCompoundExpression(node, context);
-        break;
-      case 3:
-        genComment(node, context);
-        break;
-      case 13:
-        genVNodeCall(node, context);
-        break;
-      case 14:
-        genCallExpression(node, context);
-        break;
-      case 15:
-        genObjectExpression(node, context);
-        break;
-      case 17:
-        genArrayExpression(node, context);
-        break;
-      case 18:
-        genFunctionExpression(node, context);
-        break;
-      case 19:
-        genConditionalExpression(node, context);
-        break;
-      case 20:
-        genCacheExpression(node, context);
-        break;
-      case 21:
-        genNodeList(node.body, context, true, false);
-        break;
-      // SSR only types
-      case 22:
-        break;
-      case 23:
-        break;
-      case 24:
-        break;
-      case 25:
-        break;
-      case 26:
-        break;
-      /* v8 ignore start */
-      case 10:
-        break;
-      default:
-        {
-          assert(false, `unhandled codegen node type: ${node.type}`);
-          const exhaustiveCheck = node;
-          return exhaustiveCheck;
-        }
-    }
-  }
-  function genText(node, context) {
-    context.push(JSON.stringify(node.content), -3 /* Unknown */, node);
-  }
-  function genExpression(node, context) {
-    const { content, isStatic } = node;
-    context.push(
-      isStatic ? JSON.stringify(content) : content,
-      -3 /* Unknown */,
-      node
-    );
-  }
-  function genInterpolation(node, context) {
-    const { push, helper, pure } = context;
-    if (pure) push(PURE_ANNOTATION);
-    push(`${helper(TO_DISPLAY_STRING)}(`);
-    genNode(node.content, context);
-    push(`)`);
-  }
-  function genCompoundExpression(node, context) {
-    for (let i = 0; i < node.children.length; i++) {
-      const child = node.children[i];
-      if (isString(child)) {
-        context.push(child, -3 /* Unknown */);
-      } else {
-        genNode(child, context);
-      }
-    }
-  }
-  function genExpressionAsPropertyKey(node, context) {
-    const { push } = context;
-    if (node.type === 8) {
-      push(`[`);
-      genCompoundExpression(node, context);
-      push(`]`);
-    } else if (node.isStatic) {
-      const text = isSimpleIdentifier(node.content) ? node.content : JSON.stringify(node.content);
-      push(text, -2 /* None */, node);
-    } else {
-      push(`[${node.content}]`, -3 /* Unknown */, node);
-    }
-  }
-  function genComment(node, context) {
-    const { push, helper, pure } = context;
-    if (pure) {
-      push(PURE_ANNOTATION);
-    }
-    push(
-      `${helper(CREATE_COMMENT)}(${JSON.stringify(node.content)})`,
-      -3 /* Unknown */,
-      node
-    );
-  }
-  function genVNodeCall(node, context) {
-    const { push, helper, pure } = context;
-    const {
-      tag,
-      props,
-      children,
-      patchFlag,
-      dynamicProps,
-      directives,
-      isBlock,
-      disableTracking,
-      isComponent
-    } = node;
-    let patchFlagString;
-    if (patchFlag) {
-      {
-        if (patchFlag < 0) {
-          patchFlagString = patchFlag + ` /* ${PatchFlagNames[patchFlag]} */`;
-        } else {
-          const flagNames = Object.keys(PatchFlagNames).map(Number).filter((n) => n > 0 && patchFlag & n).map((n) => PatchFlagNames[n]).join(`, `);
-          patchFlagString = patchFlag + ` /* ${flagNames} */`;
-        }
-      }
-    }
-    if (directives) {
-      push(helper(WITH_DIRECTIVES) + `(`);
-    }
-    if (isBlock) {
-      push(`(${helper(OPEN_BLOCK)}(${disableTracking ? `true` : ``}), `);
-    }
-    if (pure) {
-      push(PURE_ANNOTATION);
-    }
-    const callHelper = isBlock ? getVNodeBlockHelper(context.inSSR, isComponent) : getVNodeHelper(context.inSSR, isComponent);
-    push(helper(callHelper) + `(`, -2 /* None */, node);
-    genNodeList(
-      genNullableArgs([tag, props, children, patchFlagString, dynamicProps]),
-      context
-    );
-    push(`)`);
-    if (isBlock) {
-      push(`)`);
-    }
-    if (directives) {
-      push(`, `);
-      genNode(directives, context);
-      push(`)`);
-    }
-  }
-  function genNullableArgs(args) {
-    let i = args.length;
-    while (i--) {
-      if (args[i] != null) break;
-    }
-    return args.slice(0, i + 1).map((arg) => arg || `null`);
-  }
-  function genCallExpression(node, context) {
-    const { push, helper, pure } = context;
-    const callee = isString(node.callee) ? node.callee : helper(node.callee);
-    if (pure) {
-      push(PURE_ANNOTATION);
-    }
-    push(callee + `(`, -2 /* None */, node);
-    genNodeList(node.arguments, context);
-    push(`)`);
-  }
-  function genObjectExpression(node, context) {
-    const { push, indent, deindent, newline } = context;
-    const { properties } = node;
-    if (!properties.length) {
-      push(`{}`, -2 /* None */, node);
-      return;
-    }
-    const multilines = properties.length > 1 || properties.some((p) => p.value.type !== 4);
-    push(multilines ? `{` : `{ `);
-    multilines && indent();
-    for (let i = 0; i < properties.length; i++) {
-      const { key, value } = properties[i];
-      genExpressionAsPropertyKey(key, context);
-      push(`: `);
-      genNode(value, context);
-      if (i < properties.length - 1) {
-        push(`,`);
-        newline();
-      }
-    }
-    multilines && deindent();
-    push(multilines ? `}` : ` }`);
-  }
-  function genArrayExpression(node, context) {
-    genNodeListAsArray(node.elements, context);
-  }
-  function genFunctionExpression(node, context) {
-    const { push, indent, deindent } = context;
-    const { params, returns, body, newline, isSlot } = node;
-    if (isSlot) {
-      push(`_${helperNameMap[WITH_CTX]}(`);
-    }
-    push(`(`, -2 /* None */, node);
-    if (isArray(params)) {
-      genNodeList(params, context);
-    } else if (params) {
-      genNode(params, context);
-    }
-    push(`) => `);
-    if (newline || body) {
-      push(`{`);
-      indent();
-    }
-    if (returns) {
-      if (newline) {
-        push(`return `);
-      }
-      if (isArray(returns)) {
-        genNodeListAsArray(returns, context);
-      } else {
-        genNode(returns, context);
-      }
-    } else if (body) {
-      genNode(body, context);
-    }
-    if (newline || body) {
-      deindent();
-      push(`}`);
-    }
-    if (isSlot) {
-      push(`)`);
-    }
-  }
-  function genConditionalExpression(node, context) {
-    const { test, consequent, alternate, newline: needNewline } = node;
-    const { push, indent, deindent, newline } = context;
-    if (test.type === 4) {
-      const needsParens = !isSimpleIdentifier(test.content);
-      needsParens && push(`(`);
-      genExpression(test, context);
-      needsParens && push(`)`);
-    } else {
-      push(`(`);
-      genNode(test, context);
-      push(`)`);
-    }
-    needNewline && indent();
-    context.indentLevel++;
-    needNewline || push(` `);
-    push(`? `);
-    genNode(consequent, context);
-    context.indentLevel--;
-    needNewline && newline();
-    needNewline || push(` `);
-    push(`: `);
-    const isNested = alternate.type === 19;
-    if (!isNested) {
-      context.indentLevel++;
-    }
-    genNode(alternate, context);
-    if (!isNested) {
-      context.indentLevel--;
-    }
-    needNewline && deindent(
-      true
-      /* without newline */
-    );
-  }
-  function genCacheExpression(node, context) {
-    const { push, helper, indent, deindent, newline } = context;
-    const { needPauseTracking, needArraySpread } = node;
-    if (needArraySpread) {
-      push(`[...(`);
-    }
-    push(`_cache[${node.index}] || (`);
-    if (needPauseTracking) {
-      indent();
-      push(`${helper(SET_BLOCK_TRACKING)}(-1`);
-      if (node.inVOnce) push(`, true`);
-      push(`),`);
-      newline();
-      push(`(`);
-    }
-    push(`_cache[${node.index}] = `);
-    genNode(node.value, context);
-    if (needPauseTracking) {
-      push(`).cacheIndex = ${node.index},`);
-      newline();
-      push(`${helper(SET_BLOCK_TRACKING)}(1),`);
-      newline();
-      push(`_cache[${node.index}]`);
-      deindent();
-    }
-    push(`)`);
-    if (needArraySpread) {
-      push(`)]`);
-    }
-  }
-
-  const prohibitedKeywordRE = new RegExp(
-    "\\b" + "arguments,await,break,case,catch,class,const,continue,debugger,default,delete,do,else,export,extends,finally,for,function,if,import,let,new,return,super,switch,throw,try,var,void,while,with,yield".split(",").join("\\b|\\b") + "\\b"
-  );
-  const stripStringRE = /'(?:[^'\\]|\\.)*'|"(?:[^"\\]|\\.)*"|`(?:[^`\\]|\\.)*\$\{|\}(?:[^`\\]|\\.)*`|`(?:[^`\\]|\\.)*`/g;
-  function validateBrowserExpression(node, context, asParams = false, asRawStatements = false) {
-    const exp = node.content;
-    if (!exp.trim()) {
-      return;
-    }
-    try {
-      new Function(
-        asRawStatements ? ` ${exp} ` : `return ${asParams ? `(${exp}) => {}` : `(${exp})`}`
-      );
-    } catch (e) {
-      let message = e.message;
-      const keywordMatch = exp.replace(stripStringRE, "").match(prohibitedKeywordRE);
-      if (keywordMatch) {
-        message = `avoid using JavaScript keyword as property name: "${keywordMatch[0]}"`;
-      }
-      context.onError(
-        createCompilerError(
-          46,
-          node.loc,
-          void 0,
-          message
-        )
-      );
-    }
-  }
-
-  const transformExpression = (node, context) => {
-    if (node.type === 5) {
-      node.content = processExpression(
-        node.content,
-        context
-      );
-    } else if (node.type === 1) {
-      const memo = findDir(node, "memo");
-      for (let i = 0; i < node.props.length; i++) {
-        const dir = node.props[i];
-        if (dir.type === 7 && dir.name !== "for") {
-          const exp = dir.exp;
-          const arg = dir.arg;
-          if (exp && exp.type === 4 && !(dir.name === "on" && arg) && // key has been processed in transformFor(vMemo + vFor)
-          !(memo && arg && arg.type === 4 && arg.content === "key")) {
-            dir.exp = processExpression(
-              exp,
-              context,
-              // slot args must be processed as function params
-              dir.name === "slot"
-            );
-          }
-          if (arg && arg.type === 4 && !arg.isStatic) {
-            dir.arg = processExpression(arg, context);
-          }
-        }
-      }
-    }
-  };
-  function processExpression(node, context, asParams = false, asRawStatements = false, localVars = Object.create(context.identifiers)) {
-    {
-      {
-        validateBrowserExpression(node, context, asParams, asRawStatements);
-      }
-      return node;
-    }
-  }
-
-  const transformIf = createStructuralDirectiveTransform(
-    /^(?:if|else|else-if)$/,
-    (node, dir, context) => {
-      return processIf(node, dir, context, (ifNode, branch, isRoot) => {
-        const siblings = context.parent.children;
-        let i = siblings.indexOf(ifNode);
-        let key = 0;
-        while (i-- >= 0) {
-          const sibling = siblings[i];
-          if (sibling && sibling.type === 9) {
-            key += sibling.branches.length;
-          }
-        }
-        return () => {
-          if (isRoot) {
-            ifNode.codegenNode = createCodegenNodeForBranch(
-              branch,
-              key,
-              context
-            );
-          } else {
-            const parentCondition = getParentCondition(ifNode.codegenNode);
-            parentCondition.alternate = createCodegenNodeForBranch(
-              branch,
-              key + ifNode.branches.length - 1,
-              context
-            );
-          }
-        };
-      });
-    }
-  );
-  function processIf(node, dir, context, processCodegen) {
-    if (dir.name !== "else" && (!dir.exp || !dir.exp.content.trim())) {
-      const loc = dir.exp ? dir.exp.loc : node.loc;
-      context.onError(
-        createCompilerError(28, dir.loc)
-      );
-      dir.exp = createSimpleExpression(`true`, false, loc);
-    }
-    if (dir.exp) {
-      validateBrowserExpression(dir.exp, context);
-    }
-    if (dir.name === "if") {
-      const branch = createIfBranch(node, dir);
-      const ifNode = {
-        type: 9,
-        loc: cloneLoc(node.loc),
-        branches: [branch]
-      };
-      context.replaceNode(ifNode);
-      if (processCodegen) {
-        return processCodegen(ifNode, branch, true);
-      }
-    } else {
-      const siblings = context.parent.children;
-      const comments = [];
-      let i = siblings.indexOf(node);
-      while (i-- >= -1) {
-        const sibling = siblings[i];
-        if (sibling && isCommentOrWhitespace(sibling)) {
-          context.removeNode(sibling);
-          if (sibling.type === 3) {
-            comments.unshift(sibling);
-          }
-          continue;
-        }
-        if (sibling && sibling.type === 9) {
-          if ((dir.name === "else-if" || dir.name === "else") && sibling.branches[sibling.branches.length - 1].condition === void 0) {
-            context.onError(
-              createCompilerError(30, node.loc)
-            );
-          }
-          context.removeNode();
-          const branch = createIfBranch(node, dir);
-          if (comments.length && // #3619 ignore comments if the v-if is direct child of <transition>
-          !(context.parent && context.parent.type === 1 && (context.parent.tag === "transition" || context.parent.tag === "Transition"))) {
-            branch.children = [...comments, ...branch.children];
-          }
-          {
-            const key = branch.userKey;
-            if (key) {
-              sibling.branches.forEach(({ userKey }) => {
-                if (isSameKey(userKey, key)) {
-                  context.onError(
-                    createCompilerError(
-                      29,
-                      branch.userKey.loc
-                    )
-                  );
-                }
-              });
-            }
-          }
-          sibling.branches.push(branch);
-          const onExit = processCodegen && processCodegen(sibling, branch, false);
-          traverseNode(branch, context);
-          if (onExit) onExit();
-          context.currentNode = null;
-        } else {
-          context.onError(
-            createCompilerError(30, node.loc)
-          );
-        }
-        break;
-      }
-    }
-  }
-  function createIfBranch(node, dir) {
-    const isTemplateIf = node.tagType === 3;
-    return {
-      type: 10,
-      loc: node.loc,
-      condition: dir.name === "else" ? void 0 : dir.exp,
-      children: isTemplateIf && !findDir(node, "for") ? node.children : [node],
-      userKey: findProp(node, `key`),
-      isTemplateIf
-    };
-  }
-  function createCodegenNodeForBranch(branch, keyIndex, context) {
-    if (branch.condition) {
-      return createConditionalExpression(
-        branch.condition,
-        createChildrenCodegenNode(branch, keyIndex, context),
-        // make sure to pass in asBlock: true so that the comment node call
-        // closes the current block.
-        createCallExpression(context.helper(CREATE_COMMENT), [
-          '"v-if"' ,
-          "true"
-        ])
-      );
-    } else {
-      return createChildrenCodegenNode(branch, keyIndex, context);
-    }
-  }
-  function createChildrenCodegenNode(branch, keyIndex, context) {
-    const { helper } = context;
-    const keyProperty = createObjectProperty(
-      `key`,
-      createSimpleExpression(
-        `${keyIndex}`,
-        false,
-        locStub,
-        2
-      )
-    );
-    const { children } = branch;
-    const firstChild = children[0];
-    const needFragmentWrapper = children.length !== 1 || firstChild.type !== 1;
-    if (needFragmentWrapper) {
-      if (children.length === 1 && firstChild.type === 11) {
-        const vnodeCall = firstChild.codegenNode;
-        injectProp(vnodeCall, keyProperty, context);
-        return vnodeCall;
-      } else {
-        let patchFlag = 64;
-        if (!branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) {
-          patchFlag |= 2048;
-        }
-        return createVNodeCall(
-          context,
-          helper(FRAGMENT),
-          createObjectExpression([keyProperty]),
-          children,
-          patchFlag,
-          void 0,
-          void 0,
-          true,
-          false,
-          false,
-          branch.loc
-        );
-      }
-    } else {
-      const ret = firstChild.codegenNode;
-      const vnodeCall = getMemoedVNodeCall(ret);
-      if (vnodeCall.type === 13) {
-        convertToBlock(vnodeCall, context);
-      }
-      injectProp(vnodeCall, keyProperty, context);
-      return ret;
-    }
-  }
-  function isSameKey(a, b) {
-    if (!a || a.type !== b.type) {
-      return false;
-    }
-    if (a.type === 6) {
-      if (a.value.content !== b.value.content) {
-        return false;
-      }
-    } else {
-      const exp = a.exp;
-      const branchExp = b.exp;
-      if (exp.type !== branchExp.type) {
-        return false;
-      }
-      if (exp.type !== 4 || exp.isStatic !== branchExp.isStatic || exp.content !== branchExp.content) {
-        return false;
-      }
-    }
-    return true;
-  }
-  function getParentCondition(node) {
-    while (true) {
-      if (node.type === 19) {
-        if (node.alternate.type === 19) {
-          node = node.alternate;
-        } else {
-          return node;
-        }
-      } else if (node.type === 20) {
-        node = node.value;
-      }
-    }
-  }
-
-  const transformFor = createStructuralDirectiveTransform(
-    "for",
-    (node, dir, context) => {
-      const { helper, removeHelper } = context;
-      return processFor(node, dir, context, (forNode) => {
-        const renderExp = createCallExpression(helper(RENDER_LIST), [
-          forNode.source
-        ]);
-        const isTemplate = isTemplateNode(node);
-        const memo = findDir(node, "memo");
-        const keyProp = findProp(node, `key`, false, true);
-        keyProp && keyProp.type === 7;
-        let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
-        const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
-        const isStableFragment = forNode.source.type === 4 && forNode.source.constType > 0;
-        const fragmentFlag = isStableFragment ? 64 : keyProp ? 128 : 256;
-        forNode.codegenNode = createVNodeCall(
-          context,
-          helper(FRAGMENT),
-          void 0,
-          renderExp,
-          fragmentFlag,
-          void 0,
-          void 0,
-          true,
-          !isStableFragment,
-          false,
-          node.loc
-        );
-        return () => {
-          let childBlock;
-          const { children } = forNode;
-          if (isTemplate) {
-            node.children.some((c) => {
-              if (c.type === 1) {
-                const key = findProp(c, "key");
-                if (key) {
-                  context.onError(
-                    createCompilerError(
-                      33,
-                      key.loc
-                    )
-                  );
-                  return true;
-                }
-              }
-            });
-          }
-          const needFragmentWrapper = children.length !== 1 || children[0].type !== 1;
-          const slotOutlet = isSlotOutlet(node) ? node : isTemplate && node.children.length === 1 && isSlotOutlet(node.children[0]) ? node.children[0] : null;
-          if (slotOutlet) {
-            childBlock = slotOutlet.codegenNode;
-            if (isTemplate && keyProperty) {
-              injectProp(childBlock, keyProperty, context);
-            }
-          } else if (needFragmentWrapper) {
-            childBlock = createVNodeCall(
-              context,
-              helper(FRAGMENT),
-              keyProperty ? createObjectExpression([keyProperty]) : void 0,
-              node.children,
-              64,
-              void 0,
-              void 0,
-              true,
-              void 0,
-              false
-            );
-          } else {
-            childBlock = children[0].codegenNode;
-            if (isTemplate && keyProperty) {
-              injectProp(childBlock, keyProperty, context);
-            }
-            if (childBlock.isBlock !== !isStableFragment) {
-              if (childBlock.isBlock) {
-                removeHelper(OPEN_BLOCK);
-                removeHelper(
-                  getVNodeBlockHelper(context.inSSR, childBlock.isComponent)
-                );
-              } else {
-                removeHelper(
-                  getVNodeHelper(context.inSSR, childBlock.isComponent)
-                );
-              }
-            }
-            childBlock.isBlock = !isStableFragment;
-            if (childBlock.isBlock) {
-              helper(OPEN_BLOCK);
-              helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
-            } else {
-              helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
-            }
-          }
-          if (memo) {
-            const loop = createFunctionExpression(
-              createForLoopParams(forNode.parseResult, [
-                createSimpleExpression(`_cached`)
-              ])
-            );
-            loop.body = createBlockStatement([
-              createCompoundExpression([`const _memo = (`, memo.exp, `)`]),
-              createCompoundExpression([
-                `if (_cached`,
-                ...keyExp ? [` && _cached.key === `, keyExp] : [],
-                ` && ${context.helperString(
-                IS_MEMO_SAME
-              )}(_cached, _memo)) return _cached`
-              ]),
-              createCompoundExpression([`const _item = `, childBlock]),
-              createSimpleExpression(`_item.memo = _memo`),
-              createSimpleExpression(`return _item`)
-            ]);
-            renderExp.arguments.push(
-              loop,
-              createSimpleExpression(`_cache`),
-              createSimpleExpression(String(context.cached.length))
-            );
-            context.cached.push(null);
-          } else {
-            renderExp.arguments.push(
-              createFunctionExpression(
-                createForLoopParams(forNode.parseResult),
-                childBlock,
-                true
-              )
-            );
-          }
-        };
-      });
-    }
-  );
-  function processFor(node, dir, context, processCodegen) {
-    if (!dir.exp) {
-      context.onError(
-        createCompilerError(31, dir.loc)
-      );
-      return;
-    }
-    const parseResult = dir.forParseResult;
-    if (!parseResult) {
-      context.onError(
-        createCompilerError(32, dir.loc)
-      );
-      return;
-    }
-    finalizeForParseResult(parseResult, context);
-    const { addIdentifiers, removeIdentifiers, scopes } = context;
-    const { source, value, key, index } = parseResult;
-    const forNode = {
-      type: 11,
-      loc: dir.loc,
-      source,
-      valueAlias: value,
-      keyAlias: key,
-      objectIndexAlias: index,
-      parseResult,
-      children: isTemplateNode(node) ? node.children : [node]
-    };
-    context.replaceNode(forNode);
-    scopes.vFor++;
-    const onExit = processCodegen && processCodegen(forNode);
-    return () => {
-      scopes.vFor--;
-      if (onExit) onExit();
-    };
-  }
-  function finalizeForParseResult(result, context) {
-    if (result.finalized) return;
-    {
-      validateBrowserExpression(result.source, context);
-      if (result.key) {
-        validateBrowserExpression(
-          result.key,
-          context,
-          true
-        );
-      }
-      if (result.index) {
-        validateBrowserExpression(
-          result.index,
-          context,
-          true
-        );
-      }
-      if (result.value) {
-        validateBrowserExpression(
-          result.value,
-          context,
-          true
-        );
-      }
-    }
-    result.finalized = true;
-  }
-  function createForLoopParams({ value, key, index }, memoArgs = []) {
-    return createParamsList([value, key, index, ...memoArgs]);
-  }
-  function createParamsList(args) {
-    let i = args.length;
-    while (i--) {
-      if (args[i]) break;
-    }
-    return args.slice(0, i + 1).map((arg, i2) => arg || createSimpleExpression(`_`.repeat(i2 + 1), false));
-  }
-
-  const defaultFallback = createSimpleExpression(`undefined`, false);
-  const trackSlotScopes = (node, context) => {
-    if (node.type === 1 && (node.tagType === 1 || node.tagType === 3)) {
-      const vSlot = findDir(node, "slot");
-      if (vSlot) {
-        vSlot.exp;
-        context.scopes.vSlot++;
-        return () => {
-          context.scopes.vSlot--;
-        };
-      }
-    }
-  };
-  const buildClientSlotFn = (props, _vForExp, children, loc) => createFunctionExpression(
-    props,
-    children,
-    false,
-    true,
-    children.length ? children[0].loc : loc
-  );
-  function buildSlots(node, context, buildSlotFn = buildClientSlotFn) {
-    context.helper(WITH_CTX);
-    const { children, loc } = node;
-    const slotsProperties = [];
-    const dynamicSlots = [];
-    let hasDynamicSlots = context.scopes.vSlot > 0 || context.scopes.vFor > 0;
-    const onComponentSlot = findDir(node, "slot", true);
-    if (onComponentSlot) {
-      const { arg, exp } = onComponentSlot;
-      if (arg && !isStaticExp(arg)) {
-        hasDynamicSlots = true;
-      }
-      slotsProperties.push(
-        createObjectProperty(
-          arg || createSimpleExpression("default", true),
-          buildSlotFn(exp, void 0, children, loc)
-        )
-      );
-    }
-    let hasTemplateSlots = false;
-    let hasNamedDefaultSlot = false;
-    const implicitDefaultChildren = [];
-    const seenSlotNames = /* @__PURE__ */ new Set();
-    let conditionalBranchIndex = 0;
-    for (let i = 0; i < children.length; i++) {
-      const slotElement = children[i];
-      let slotDir;
-      if (!isTemplateNode(slotElement) || !(slotDir = findDir(slotElement, "slot", true))) {
-        if (slotElement.type !== 3) {
-          implicitDefaultChildren.push(slotElement);
-        }
-        continue;
-      }
-      if (onComponentSlot) {
-        context.onError(
-          createCompilerError(37, slotDir.loc)
-        );
-        break;
-      }
-      hasTemplateSlots = true;
-      const { children: slotChildren, loc: slotLoc } = slotElement;
-      const {
-        arg: slotName = createSimpleExpression(`default`, true),
-        exp: slotProps,
-        loc: dirLoc
-      } = slotDir;
-      let staticSlotName;
-      if (isStaticExp(slotName)) {
-        staticSlotName = slotName ? slotName.content : `default`;
-      } else {
-        hasDynamicSlots = true;
-      }
-      const vFor = findDir(slotElement, "for");
-      const slotFunction = buildSlotFn(slotProps, vFor, slotChildren, slotLoc);
-      let vIf;
-      let vElse;
-      if (vIf = findDir(slotElement, "if")) {
-        hasDynamicSlots = true;
-        dynamicSlots.push(
-          createConditionalExpression(
-            vIf.exp,
-            buildDynamicSlot(slotName, slotFunction, conditionalBranchIndex++),
-            defaultFallback
-          )
-        );
-      } else if (vElse = findDir(
-        slotElement,
-        /^else(?:-if)?$/,
-        true
-        /* allowEmpty */
-      )) {
-        let j = i;
-        let prev;
-        while (j--) {
-          prev = children[j];
-          if (!isCommentOrWhitespace(prev)) {
-            break;
-          }
-        }
-        if (prev && isTemplateNode(prev) && findDir(prev, /^(?:else-)?if$/)) {
-          let conditional = dynamicSlots[dynamicSlots.length - 1];
-          while (conditional.alternate.type === 19) {
-            conditional = conditional.alternate;
-          }
-          conditional.alternate = vElse.exp ? createConditionalExpression(
-            vElse.exp,
-            buildDynamicSlot(
-              slotName,
-              slotFunction,
-              conditionalBranchIndex++
-            ),
-            defaultFallback
-          ) : buildDynamicSlot(slotName, slotFunction, conditionalBranchIndex++);
-        } else {
-          context.onError(
-            createCompilerError(30, vElse.loc)
-          );
-        }
-      } else if (vFor) {
-        hasDynamicSlots = true;
-        const parseResult = vFor.forParseResult;
-        if (parseResult) {
-          finalizeForParseResult(parseResult, context);
-          dynamicSlots.push(
-            createCallExpression(context.helper(RENDER_LIST), [
-              parseResult.source,
-              createFunctionExpression(
-                createForLoopParams(parseResult),
-                buildDynamicSlot(slotName, slotFunction),
-                true
-              )
-            ])
-          );
-        } else {
-          context.onError(
-            createCompilerError(
-              32,
-              vFor.loc
-            )
-          );
-        }
-      } else {
-        if (staticSlotName) {
-          if (seenSlotNames.has(staticSlotName)) {
-            context.onError(
-              createCompilerError(
-                38,
-                dirLoc
-              )
-            );
-            continue;
-          }
-          seenSlotNames.add(staticSlotName);
-          if (staticSlotName === "default") {
-            hasNamedDefaultSlot = true;
-          }
-        }
-        slotsProperties.push(createObjectProperty(slotName, slotFunction));
-      }
-    }
-    if (!onComponentSlot) {
-      const buildDefaultSlotProperty = (props, children2) => {
-        const fn = buildSlotFn(props, void 0, children2, loc);
-        return createObjectProperty(`default`, fn);
-      };
-      if (!hasTemplateSlots) {
-        slotsProperties.push(buildDefaultSlotProperty(void 0, children));
-      } else if (implicitDefaultChildren.length && // #3766
-      // with whitespace: 'preserve', whitespaces between slots will end up in
-      // implicitDefaultChildren. Ignore if all implicit children are whitespaces.
-      !implicitDefaultChildren.every(isWhitespaceText)) {
-        if (hasNamedDefaultSlot) {
-          context.onError(
-            createCompilerError(
-              39,
-              implicitDefaultChildren[0].loc
-            )
-          );
-        } else {
-          slotsProperties.push(
-            buildDefaultSlotProperty(void 0, implicitDefaultChildren)
-          );
-        }
-      }
-    }
-    const slotFlag = hasDynamicSlots ? 2 : hasForwardedSlots(node.children) ? 3 : 1;
-    let slots = createObjectExpression(
-      slotsProperties.concat(
-        createObjectProperty(
-          `_`,
-          // 2 = compiled but dynamic = can skip normalization, but must run diff
-          // 1 = compiled and static = can skip normalization AND diff as optimized
-          createSimpleExpression(
-            slotFlag + (` /* ${slotFlagsText[slotFlag]} */` ),
-            false
-          )
-        )
-      ),
-      loc
-    );
-    if (dynamicSlots.length) {
-      slots = createCallExpression(context.helper(CREATE_SLOTS), [
-        slots,
-        createArrayExpression(dynamicSlots)
-      ]);
-    }
-    return {
-      slots,
-      hasDynamicSlots
-    };
-  }
-  function buildDynamicSlot(name, fn, index) {
-    const props = [
-      createObjectProperty(`name`, name),
-      createObjectProperty(`fn`, fn)
-    ];
-    if (index != null) {
-      props.push(
-        createObjectProperty(`key`, createSimpleExpression(String(index), true))
-      );
-    }
-    return createObjectExpression(props);
-  }
-  function hasForwardedSlots(children) {
-    for (let i = 0; i < children.length; i++) {
-      const child = children[i];
-      switch (child.type) {
-        case 1:
-          if (child.tagType === 2 || hasForwardedSlots(child.children)) {
-            return true;
-          }
-          break;
-        case 9:
-          if (hasForwardedSlots(child.branches)) return true;
-          break;
-        case 10:
-        case 11:
-          if (hasForwardedSlots(child.children)) return true;
-          break;
-      }
-    }
-    return false;
-  }
-
-  const directiveImportMap = /* @__PURE__ */ new WeakMap();
-  const transformElement = (node, context) => {
-    return function postTransformElement() {
-      node = context.currentNode;
-      if (!(node.type === 1 && (node.tagType === 0 || node.tagType === 1))) {
-        return;
-      }
-      const { tag, props } = node;
-      const isComponent = node.tagType === 1;
-      let vnodeTag = isComponent ? resolveComponentType(node, context) : `"${tag}"`;
-      const isDynamicComponent = isObject(vnodeTag) && vnodeTag.callee === RESOLVE_DYNAMIC_COMPONENT;
-      let vnodeProps;
-      let vnodeChildren;
-      let patchFlag = 0;
-      let vnodeDynamicProps;
-      let dynamicPropNames;
-      let vnodeDirectives;
-      let shouldUseBlock = (
-        // dynamic component may resolve to plain elements
-        isDynamicComponent || vnodeTag === TELEPORT || vnodeTag === SUSPENSE || !isComponent && // <svg> and <foreignObject> must be forced into blocks so that block
-        // updates inside get proper isSVG flag at runtime. (#639, #643)
-        // This is technically web-specific, but splitting the logic out of core
-        // leads to too much unnecessary complexity.
-        (tag === "svg" || tag === "foreignObject" || tag === "math")
-      );
-      if (props.length > 0) {
-        const propsBuildResult = buildProps(
-          node,
-          context,
-          void 0,
-          isComponent,
-          isDynamicComponent
-        );
-        vnodeProps = propsBuildResult.props;
-        patchFlag = propsBuildResult.patchFlag;
-        dynamicPropNames = propsBuildResult.dynamicPropNames;
-        const directives = propsBuildResult.directives;
-        vnodeDirectives = directives && directives.length ? createArrayExpression(
-          directives.map((dir) => buildDirectiveArgs(dir, context))
-        ) : void 0;
-        if (propsBuildResult.shouldUseBlock) {
-          shouldUseBlock = true;
-        }
-      }
-      if (node.children.length > 0) {
-        if (vnodeTag === KEEP_ALIVE) {
-          shouldUseBlock = true;
-          patchFlag |= 1024;
-          if (node.children.length > 1) {
-            context.onError(
-              createCompilerError(47, {
-                start: node.children[0].loc.start,
-                end: node.children[node.children.length - 1].loc.end,
-                source: ""
-              })
-            );
-          }
-        }
-        const shouldBuildAsSlots = isComponent && // Teleport is not a real component and has dedicated runtime handling
-        vnodeTag !== TELEPORT && // explained above.
-        vnodeTag !== KEEP_ALIVE;
-        if (shouldBuildAsSlots) {
-          const { slots, hasDynamicSlots } = buildSlots(node, context);
-          vnodeChildren = slots;
-          if (hasDynamicSlots) {
-            patchFlag |= 1024;
-          }
-        } else if (node.children.length === 1 && vnodeTag !== TELEPORT) {
-          const child = node.children[0];
-          const type = child.type;
-          const hasDynamicTextChild = type === 5 || type === 8;
-          if (hasDynamicTextChild && getConstantType(child, context) === 0) {
-            patchFlag |= 1;
-          }
-          if (hasDynamicTextChild || type === 2) {
-            vnodeChildren = child;
-          } else {
-            vnodeChildren = node.children;
-          }
-        } else {
-          vnodeChildren = node.children;
-        }
-      }
-      if (dynamicPropNames && dynamicPropNames.length) {
-        vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames);
-      }
-      node.codegenNode = createVNodeCall(
-        context,
-        vnodeTag,
-        vnodeProps,
-        vnodeChildren,
-        patchFlag === 0 ? void 0 : patchFlag,
-        vnodeDynamicProps,
-        vnodeDirectives,
-        !!shouldUseBlock,
-        false,
-        isComponent,
-        node.loc
-      );
-    };
-  };
-  function resolveComponentType(node, context, ssr = false) {
-    let { tag } = node;
-    const isExplicitDynamic = isComponentTag(tag);
-    const isProp = findProp(
-      node,
-      "is",
-      false,
-      true
-      /* allow empty */
-    );
-    if (isProp) {
-      if (isExplicitDynamic || false) {
-        let exp;
-        if (isProp.type === 6) {
-          exp = isProp.value && createSimpleExpression(isProp.value.content, true);
-        } else {
-          exp = isProp.exp;
-          if (!exp) {
-            exp = createSimpleExpression(`is`, false, isProp.arg.loc);
-          }
-        }
-        if (exp) {
-          return createCallExpression(context.helper(RESOLVE_DYNAMIC_COMPONENT), [
-            exp
-          ]);
-        }
-      } else if (isProp.type === 6 && isProp.value.content.startsWith("vue:")) {
-        tag = isProp.value.content.slice(4);
-      }
-    }
-    const builtIn = isCoreComponent(tag) || context.isBuiltInComponent(tag);
-    if (builtIn) {
-      if (!ssr) context.helper(builtIn);
-      return builtIn;
-    }
-    context.helper(RESOLVE_COMPONENT);
-    context.components.add(tag);
-    return toValidAssetId(tag, `component`);
-  }
-  function buildProps(node, context, props = node.props, isComponent, isDynamicComponent, ssr = false) {
-    const { tag, loc: elementLoc, children } = node;
-    let properties = [];
-    const mergeArgs = [];
-    const runtimeDirectives = [];
-    const hasChildren = children.length > 0;
-    let shouldUseBlock = false;
-    let patchFlag = 0;
-    let hasRef = false;
-    let hasClassBinding = false;
-    let hasStyleBinding = false;
-    let hasHydrationEventBinding = false;
-    let hasDynamicKeys = false;
-    let hasVnodeHook = false;
-    const dynamicPropNames = [];
-    const pushMergeArg = (arg) => {
-      if (properties.length) {
-        mergeArgs.push(
-          createObjectExpression(dedupeProperties(properties), elementLoc)
-        );
-        properties = [];
-      }
-      if (arg) mergeArgs.push(arg);
-    };
-    const pushRefVForMarker = () => {
-      if (context.scopes.vFor > 0) {
-        properties.push(
-          createObjectProperty(
-            createSimpleExpression("ref_for", true),
-            createSimpleExpression("true")
-          )
-        );
-      }
-    };
-    const analyzePatchFlag = ({ key, value }) => {
-      if (isStaticExp(key)) {
-        const name = key.content;
-        const isEventHandler = isOn(name);
-        if (isEventHandler && (!isComponent || isDynamicComponent) && // omit the flag for click handlers because hydration gives click
-        // dedicated fast path.
-        name.toLowerCase() !== "onclick" && // omit v-model handlers
-        name !== "onUpdate:modelValue" && // omit onVnodeXXX hooks
-        !isReservedProp(name)) {
-          hasHydrationEventBinding = true;
-        }
-        if (isEventHandler && isReservedProp(name)) {
-          hasVnodeHook = true;
-        }
-        if (isEventHandler && value.type === 14) {
-          value = value.arguments[0];
-        }
-        if (value.type === 20 || (value.type === 4 || value.type === 8) && getConstantType(value, context) > 0) {
-          return;
-        }
-        if (name === "ref") {
-          hasRef = true;
-        } else if (name === "class") {
-          hasClassBinding = true;
-        } else if (name === "style") {
-          hasStyleBinding = true;
-        } else if (name !== "key" && !dynamicPropNames.includes(name)) {
-          dynamicPropNames.push(name);
-        }
-        if (isComponent && (name === "class" || name === "style") && !dynamicPropNames.includes(name)) {
-          dynamicPropNames.push(name);
-        }
-      } else {
-        hasDynamicKeys = true;
-      }
-    };
-    for (let i = 0; i < props.length; i++) {
-      const prop = props[i];
-      if (prop.type === 6) {
-        const { loc, name, nameLoc, value } = prop;
-        let isStatic = true;
-        if (name === "ref") {
-          hasRef = true;
-          pushRefVForMarker();
-        }
-        if (name === "is" && (isComponentTag(tag) || value && value.content.startsWith("vue:") || false)) {
-          continue;
-        }
-        properties.push(
-          createObjectProperty(
-            createSimpleExpression(name, true, nameLoc),
-            createSimpleExpression(
-              value ? value.content : "",
-              isStatic,
-              value ? value.loc : loc
-            )
-          )
-        );
-      } else {
-        const { name, arg, exp, loc, modifiers } = prop;
-        const isVBind = name === "bind";
-        const isVOn = name === "on";
-        if (name === "slot") {
-          if (!isComponent) {
-            context.onError(
-              createCompilerError(40, loc)
-            );
-          }
-          continue;
-        }
-        if (name === "once" || name === "memo") {
-          continue;
-        }
-        if (name === "is" || isVBind && isStaticArgOf(arg, "is") && (isComponentTag(tag) || false)) {
-          continue;
-        }
-        if (isVOn && ssr) {
-          continue;
-        }
-        if (
-          // #938: elements with dynamic keys should be forced into blocks
-          isVBind && isStaticArgOf(arg, "key") || // inline before-update hooks need to force block so that it is invoked
-          // before children
-          isVOn && hasChildren && isStaticArgOf(arg, "vue:before-update")
-        ) {
-          shouldUseBlock = true;
-        }
-        if (isVBind && isStaticArgOf(arg, "ref")) {
-          pushRefVForMarker();
-        }
-        if (!arg && (isVBind || isVOn)) {
-          hasDynamicKeys = true;
-          if (exp) {
-            if (isVBind) {
-              pushRefVForMarker();
-              pushMergeArg();
-              mergeArgs.push(exp);
-            } else {
-              pushMergeArg({
-                type: 14,
-                loc,
-                callee: context.helper(TO_HANDLERS),
-                arguments: isComponent ? [exp] : [exp, `true`]
-              });
-            }
-          } else {
-            context.onError(
-              createCompilerError(
-                isVBind ? 34 : 35,
-                loc
-              )
-            );
-          }
-          continue;
-        }
-        if (isVBind && modifiers.some((mod) => mod.content === "prop")) {
-          patchFlag |= 32;
-        }
-        const directiveTransform = context.directiveTransforms[name];
-        if (directiveTransform) {
-          const { props: props2, needRuntime } = directiveTransform(prop, node, context);
-          !ssr && props2.forEach(analyzePatchFlag);
-          if (isVOn && arg && !isStaticExp(arg)) {
-            pushMergeArg(createObjectExpression(props2, elementLoc));
-          } else {
-            properties.push(...props2);
-          }
-          if (needRuntime) {
-            runtimeDirectives.push(prop);
-            if (isSymbol(needRuntime)) {
-              directiveImportMap.set(prop, needRuntime);
-            }
-          }
-        } else if (!isBuiltInDirective(name)) {
-          runtimeDirectives.push(prop);
-          if (hasChildren) {
-            shouldUseBlock = true;
-          }
-        }
-      }
-    }
-    let propsExpression = void 0;
-    if (mergeArgs.length) {
-      pushMergeArg();
-      if (mergeArgs.length > 1) {
-        propsExpression = createCallExpression(
-          context.helper(MERGE_PROPS),
-          mergeArgs,
-          elementLoc
-        );
-      } else {
-        propsExpression = mergeArgs[0];
-      }
-    } else if (properties.length) {
-      propsExpression = createObjectExpression(
-        dedupeProperties(properties),
-        elementLoc
-      );
-    }
-    if (hasDynamicKeys) {
-      patchFlag |= 16;
-    } else {
-      if (hasClassBinding && !isComponent) {
-        patchFlag |= 2;
-      }
-      if (hasStyleBinding && !isComponent) {
-        patchFlag |= 4;
-      }
-      if (dynamicPropNames.length) {
-        patchFlag |= 8;
-      }
-      if (hasHydrationEventBinding) {
-        patchFlag |= 32;
-      }
-    }
-    if (!shouldUseBlock && (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) {
-      patchFlag |= 512;
-    }
-    if (!context.inSSR && propsExpression) {
-      switch (propsExpression.type) {
-        case 15:
-          let classKeyIndex = -1;
-          let styleKeyIndex = -1;
-          let hasDynamicKey = false;
-          for (let i = 0; i < propsExpression.properties.length; i++) {
-            const key = propsExpression.properties[i].key;
-            if (isStaticExp(key)) {
-              if (key.content === "class") {
-                classKeyIndex = i;
-              } else if (key.content === "style") {
-                styleKeyIndex = i;
-              }
-            } else if (!key.isHandlerKey) {
-              hasDynamicKey = true;
-            }
-          }
-          const classProp = propsExpression.properties[classKeyIndex];
-          const styleProp = propsExpression.properties[styleKeyIndex];
-          if (!hasDynamicKey) {
-            if (classProp && !isStaticExp(classProp.value)) {
-              classProp.value = createCallExpression(
-                context.helper(NORMALIZE_CLASS),
-                [classProp.value]
-              );
-            }
-            if (styleProp && // the static style is compiled into an object,
-            // so use `hasStyleBinding` to ensure that it is a dynamic style binding
-            (hasStyleBinding || styleProp.value.type === 4 && styleProp.value.content.trim()[0] === `[` || // v-bind:style and style both exist,
-            // v-bind:style with static literal object
-            styleProp.value.type === 17)) {
-              styleProp.value = createCallExpression(
-                context.helper(NORMALIZE_STYLE),
-                [styleProp.value]
-              );
-            }
-          } else {
-            propsExpression = createCallExpression(
-              context.helper(NORMALIZE_PROPS),
-              [propsExpression]
-            );
-          }
-          break;
-        case 14:
-          break;
-        default:
-          propsExpression = createCallExpression(
-            context.helper(NORMALIZE_PROPS),
-            [
-              createCallExpression(context.helper(GUARD_REACTIVE_PROPS), [
-                propsExpression
-              ])
-            ]
-          );
-          break;
-      }
-    }
-    return {
-      props: propsExpression,
-      directives: runtimeDirectives,
-      patchFlag,
-      dynamicPropNames,
-      shouldUseBlock
-    };
-  }
-  function dedupeProperties(properties) {
-    const knownProps = /* @__PURE__ */ new Map();
-    const deduped = [];
-    for (let i = 0; i < properties.length; i++) {
-      const prop = properties[i];
-      if (prop.key.type === 8 || !prop.key.isStatic) {
-        deduped.push(prop);
-        continue;
-      }
-      const name = prop.key.content;
-      const existing = knownProps.get(name);
-      if (existing) {
-        if (name === "style" || name === "class" || isOn(name)) {
-          mergeAsArray(existing, prop);
-        }
-      } else {
-        knownProps.set(name, prop);
-        deduped.push(prop);
-      }
-    }
-    return deduped;
-  }
-  function mergeAsArray(existing, incoming) {
-    if (existing.value.type === 17) {
-      existing.value.elements.push(incoming.value);
-    } else {
-      existing.value = createArrayExpression(
-        [existing.value, incoming.value],
-        existing.loc
-      );
-    }
-  }
-  function buildDirectiveArgs(dir, context) {
-    const dirArgs = [];
-    const runtime = directiveImportMap.get(dir);
-    if (runtime) {
-      dirArgs.push(context.helperString(runtime));
-    } else {
-      {
-        context.helper(RESOLVE_DIRECTIVE);
-        context.directives.add(dir.name);
-        dirArgs.push(toValidAssetId(dir.name, `directive`));
-      }
-    }
-    const { loc } = dir;
-    if (dir.exp) dirArgs.push(dir.exp);
-    if (dir.arg) {
-      if (!dir.exp) {
-        dirArgs.push(`void 0`);
-      }
-      dirArgs.push(dir.arg);
-    }
-    if (Object.keys(dir.modifiers).length) {
-      if (!dir.arg) {
-        if (!dir.exp) {
-          dirArgs.push(`void 0`);
-        }
-        dirArgs.push(`void 0`);
-      }
-      const trueExpression = createSimpleExpression(`true`, false, loc);
-      dirArgs.push(
-        createObjectExpression(
-          dir.modifiers.map(
-            (modifier) => createObjectProperty(modifier, trueExpression)
-          ),
-          loc
-        )
-      );
-    }
-    return createArrayExpression(dirArgs, dir.loc);
-  }
-  function stringifyDynamicPropNames(props) {
-    let propsNamesString = `[`;
-    for (let i = 0, l = props.length; i < l; i++) {
-      propsNamesString += JSON.stringify(props[i]);
-      if (i < l - 1) propsNamesString += ", ";
-    }
-    return propsNamesString + `]`;
-  }
-  function isComponentTag(tag) {
-    return tag === "component" || tag === "Component";
-  }
-
-  const transformSlotOutlet = (node, context) => {
-    if (isSlotOutlet(node)) {
-      const { children, loc } = node;
-      const { slotName, slotProps } = processSlotOutlet(node, context);
-      const slotArgs = [
-        context.prefixIdentifiers ? `_ctx.$slots` : `$slots`,
-        slotName,
-        "{}",
-        "undefined",
-        "true"
-      ];
-      let expectedLen = 2;
-      if (slotProps) {
-        slotArgs[2] = slotProps;
-        expectedLen = 3;
-      }
-      if (children.length) {
-        slotArgs[3] = createFunctionExpression([], children, false, false, loc);
-        expectedLen = 4;
-      }
-      if (context.scopeId && !context.slotted) {
-        expectedLen = 5;
-      }
-      slotArgs.splice(expectedLen);
-      node.codegenNode = createCallExpression(
-        context.helper(RENDER_SLOT),
-        slotArgs,
-        loc
-      );
-    }
-  };
-  function processSlotOutlet(node, context) {
-    let slotName = `"default"`;
-    let slotProps = void 0;
-    const nonNameProps = [];
-    for (let i = 0; i < node.props.length; i++) {
-      const p = node.props[i];
-      if (p.type === 6) {
-        if (p.value) {
-          if (p.name === "name") {
-            slotName = JSON.stringify(p.value.content);
-          } else {
-            p.name = camelize(p.name);
-            nonNameProps.push(p);
-          }
-        }
-      } else {
-        if (p.name === "bind" && isStaticArgOf(p.arg, "name")) {
-          if (p.exp) {
-            slotName = p.exp;
-          } else if (p.arg && p.arg.type === 4) {
-            const name = camelize(p.arg.content);
-            slotName = p.exp = createSimpleExpression(name, false, p.arg.loc);
-          }
-        } else {
-          if (p.name === "bind" && p.arg && isStaticExp(p.arg)) {
-            p.arg.content = camelize(p.arg.content);
-          }
-          nonNameProps.push(p);
-        }
-      }
-    }
-    if (nonNameProps.length > 0) {
-      const { props, directives } = buildProps(
-        node,
-        context,
-        nonNameProps,
-        false,
-        false
-      );
-      slotProps = props;
-      if (directives.length) {
-        context.onError(
-          createCompilerError(
-            36,
-            directives[0].loc
-          )
-        );
-      }
-    }
-    return {
-      slotName,
-      slotProps
-    };
-  }
-
-  const transformOn$1 = (dir, node, context, augmentor) => {
-    const { loc, modifiers, arg } = dir;
-    if (!dir.exp && !modifiers.length) {
-      context.onError(createCompilerError(35, loc));
-    }
-    let eventName;
-    if (arg.type === 4) {
-      if (arg.isStatic) {
-        let rawName = arg.content;
-        if (rawName.startsWith("vnode")) {
-          context.onError(createCompilerError(52, arg.loc));
-        }
-        if (rawName.startsWith("vue:")) {
-          rawName = `vnode-${rawName.slice(4)}`;
-        }
-        const eventString = node.tagType !== 0 || rawName.startsWith("vnode") || !/[A-Z]/.test(rawName) ? (
-          // for non-element and vnode lifecycle event listeners, auto convert
-          // it to camelCase. See issue #2249
-          toHandlerKey(camelize(rawName))
-        ) : (
-          // preserve case for plain element listeners that have uppercase
-          // letters, as these may be custom elements' custom events
-          `on:${rawName}`
-        );
-        eventName = createSimpleExpression(eventString, true, arg.loc);
-      } else {
-        eventName = createCompoundExpression([
-          `${context.helperString(TO_HANDLER_KEY)}(`,
-          arg,
-          `)`
-        ]);
-      }
-    } else {
-      eventName = arg;
-      eventName.children.unshift(`${context.helperString(TO_HANDLER_KEY)}(`);
-      eventName.children.push(`)`);
-    }
-    let exp = dir.exp;
-    if (exp && !exp.content.trim()) {
-      exp = void 0;
-    }
-    let shouldCache = context.cacheHandlers && !exp && !context.inVOnce;
-    if (exp) {
-      const isMemberExp = isMemberExpression(exp);
-      const isInlineStatement = !(isMemberExp || isFnExpression(exp));
-      const hasMultipleStatements = exp.content.includes(`;`);
-      {
-        validateBrowserExpression(
-          exp,
-          context,
-          false,
-          hasMultipleStatements
-        );
-      }
-      if (isInlineStatement || shouldCache && isMemberExp) {
-        exp = createCompoundExpression([
-          `${isInlineStatement ? `$event` : `${``}(...args)`} => ${hasMultipleStatements ? `{` : `(`}`,
-          exp,
-          hasMultipleStatements ? `}` : `)`
-        ]);
-      }
-    }
-    let ret = {
-      props: [
-        createObjectProperty(
-          eventName,
-          exp || createSimpleExpression(`() => {}`, false, loc)
-        )
-      ]
-    };
-    if (augmentor) {
-      ret = augmentor(ret);
-    }
-    if (shouldCache) {
-      ret.props[0].value = context.cache(ret.props[0].value);
-    }
-    ret.props.forEach((p) => p.key.isHandlerKey = true);
-    return ret;
-  };
-
-  const transformBind = (dir, _node, context) => {
-    const { modifiers, loc } = dir;
-    const arg = dir.arg;
-    let { exp } = dir;
-    if (exp && exp.type === 4 && !exp.content.trim()) {
-      {
-        exp = void 0;
-      }
-    }
-    if (arg.type !== 4) {
-      arg.children.unshift(`(`);
-      arg.children.push(`) || ""`);
-    } else if (!arg.isStatic) {
-      arg.content = arg.content ? `${arg.content} || ""` : `""`;
-    }
-    if (modifiers.some((mod) => mod.content === "camel")) {
-      if (arg.type === 4) {
-        if (arg.isStatic) {
-          arg.content = camelize(arg.content);
-        } else {
-          arg.content = `${context.helperString(CAMELIZE)}(${arg.content})`;
-        }
-      } else {
-        arg.children.unshift(`${context.helperString(CAMELIZE)}(`);
-        arg.children.push(`)`);
-      }
-    }
-    if (!context.inSSR) {
-      if (modifiers.some((mod) => mod.content === "prop")) {
-        injectPrefix(arg, ".");
-      }
-      if (modifiers.some((mod) => mod.content === "attr")) {
-        injectPrefix(arg, "^");
-      }
-    }
-    return {
-      props: [createObjectProperty(arg, exp)]
-    };
-  };
-  const injectPrefix = (arg, prefix) => {
-    if (arg.type === 4) {
-      if (arg.isStatic) {
-        arg.content = prefix + arg.content;
-      } else {
-        arg.content = `\`${prefix}\${${arg.content}}\``;
-      }
-    } else {
-      arg.children.unshift(`'${prefix}' + (`);
-      arg.children.push(`)`);
-    }
-  };
-
-  const transformText = (node, context) => {
-    if (node.type === 0 || node.type === 1 || node.type === 11 || node.type === 10) {
-      return () => {
-        const children = node.children;
-        let currentContainer = void 0;
-        let hasText = false;
-        for (let i = 0; i < children.length; i++) {
-          const child = children[i];
-          if (isText$1(child)) {
-            hasText = true;
-            for (let j = i + 1; j < children.length; j++) {
-              const next = children[j];
-              if (isText$1(next)) {
-                if (!currentContainer) {
-                  currentContainer = children[i] = createCompoundExpression(
-                    [child],
-                    child.loc
-                  );
-                }
-                currentContainer.children.push(` + `, next);
-                children.splice(j, 1);
-                j--;
-              } else {
-                currentContainer = void 0;
-                break;
-              }
-            }
-          }
-        }
-        if (!hasText || // if this is a plain element with a single text child, leave it
-        // as-is since the runtime has dedicated fast path for this by directly
-        // setting textContent of the element.
-        // for component root it's always normalized anyway.
-        children.length === 1 && (node.type === 0 || node.type === 1 && node.tagType === 0 && // #3756
-        // custom directives can potentially add DOM elements arbitrarily,
-        // we need to avoid setting textContent of the element at runtime
-        // to avoid accidentally overwriting the DOM elements added
-        // by the user through custom directives.
-        !node.props.find(
-          (p) => p.type === 7 && !context.directiveTransforms[p.name]
-        ) && // in compat mode, <template> tags with no special directives
-        // will be rendered as a fragment so its children must be
-        // converted into vnodes.
-        true)) {
-          return;
-        }
-        for (let i = 0; i < children.length; i++) {
-          const child = children[i];
-          if (isText$1(child) || child.type === 8) {
-            const callArgs = [];
-            if (child.type !== 2 || child.content !== " ") {
-              callArgs.push(child);
-            }
-            if (!context.ssr && getConstantType(child, context) === 0) {
-              callArgs.push(
-                1 + (` /* ${PatchFlagNames[1]} */` )
-              );
-            }
-            children[i] = {
-              type: 12,
-              content: child,
-              loc: child.loc,
-              codegenNode: createCallExpression(
-                context.helper(CREATE_TEXT),
-                callArgs
-              )
-            };
-          }
-        }
-      };
-    }
-  };
-
-  const seen$1 = /* @__PURE__ */ new WeakSet();
-  const transformOnce = (node, context) => {
-    if (node.type === 1 && findDir(node, "once", true)) {
-      if (seen$1.has(node) || context.inVOnce || context.inSSR) {
-        return;
-      }
-      seen$1.add(node);
-      context.inVOnce = true;
-      context.helper(SET_BLOCK_TRACKING);
-      return () => {
-        context.inVOnce = false;
-        const cur = context.currentNode;
-        if (cur.codegenNode) {
-          cur.codegenNode = context.cache(
-            cur.codegenNode,
-            true,
-            true
-          );
-        }
-      };
-    }
-  };
-
-  const transformModel$1 = (dir, node, context) => {
-    const { exp, arg } = dir;
-    if (!exp) {
-      context.onError(
-        createCompilerError(41, dir.loc)
-      );
-      return createTransformProps();
-    }
-    const rawExp = exp.loc.source.trim();
-    const expString = exp.type === 4 ? exp.content : rawExp;
-    const bindingType = context.bindingMetadata[rawExp];
-    if (bindingType === "props" || bindingType === "props-aliased") {
-      context.onError(createCompilerError(44, exp.loc));
-      return createTransformProps();
-    }
-    if (bindingType === "literal-const" || bindingType === "setup-const") {
-      context.onError(createCompilerError(45, exp.loc));
-      return createTransformProps();
-    }
-    if (!expString.trim() || !isMemberExpression(exp) && true) {
-      context.onError(
-        createCompilerError(42, exp.loc)
-      );
-      return createTransformProps();
-    }
-    const propName = arg ? arg : createSimpleExpression("modelValue", true);
-    const eventName = arg ? isStaticExp(arg) ? `onUpdate:${camelize(arg.content)}` : createCompoundExpression(['"onUpdate:" + ', arg]) : `onUpdate:modelValue`;
-    let assignmentExp;
-    const eventArg = context.isTS ? `($event: any)` : `$event`;
-    {
-      assignmentExp = createCompoundExpression([
-        `${eventArg} => ((`,
-        exp,
-        `) = $event)`
-      ]);
-    }
-    const props = [
-      // modelValue: foo
-      createObjectProperty(propName, dir.exp),
-      // "onUpdate:modelValue": $event => (foo = $event)
-      createObjectProperty(eventName, assignmentExp)
-    ];
-    if (dir.modifiers.length && node.tagType === 1) {
-      const modifiers = dir.modifiers.map((m) => m.content).map((m) => (isSimpleIdentifier(m) ? m : JSON.stringify(m)) + `: true`).join(`, `);
-      const modifiersKey = arg ? isStaticExp(arg) ? `${arg.content}Modifiers` : createCompoundExpression([arg, ' + "Modifiers"']) : `modelModifiers`;
-      props.push(
-        createObjectProperty(
-          modifiersKey,
-          createSimpleExpression(
-            `{ ${modifiers} }`,
-            false,
-            dir.loc,
-            2
-          )
-        )
-      );
-    }
-    return createTransformProps(props);
-  };
-  function createTransformProps(props = []) {
-    return { props };
-  }
-
-  const seen = /* @__PURE__ */ new WeakSet();
-  const transformMemo = (node, context) => {
-    if (node.type === 1) {
-      const dir = findDir(node, "memo");
-      if (!dir || seen.has(node) || context.inSSR) {
-        return;
-      }
-      seen.add(node);
-      return () => {
-        const codegenNode = node.codegenNode || context.currentNode.codegenNode;
-        if (codegenNode && codegenNode.type === 13) {
-          if (node.tagType !== 1) {
-            convertToBlock(codegenNode, context);
-          }
-          node.codegenNode = createCallExpression(context.helper(WITH_MEMO), [
-            dir.exp,
-            createFunctionExpression(void 0, codegenNode),
-            `_cache`,
-            String(context.cached.length)
-          ]);
-          context.cached.push(null);
-        }
-      };
-    }
-  };
-
-  const transformVBindShorthand = (node, context) => {
-    if (node.type === 1) {
-      for (const prop of node.props) {
-        if (prop.type === 7 && prop.name === "bind" && (!prop.exp || // #13930 :foo in in-DOM templates will be parsed into :foo="" by browser
-        prop.exp.type === 4 && !prop.exp.content.trim()) && prop.arg) {
-          const arg = prop.arg;
-          if (arg.type !== 4 || !arg.isStatic) {
-            context.onError(
-              createCompilerError(
-                53,
-                arg.loc
-              )
-            );
-            prop.exp = createSimpleExpression("", true, arg.loc);
-          } else {
-            const propName = camelize(arg.content);
-            if (validFirstIdentCharRE.test(propName[0]) || // allow hyphen first char for https://github.com/vuejs/language-tools/pull/3424
-            propName[0] === "-") {
-              prop.exp = createSimpleExpression(propName, false, arg.loc);
-            }
-          }
-        }
-      }
-    }
-  };
-
-  function getBaseTransformPreset(prefixIdentifiers) {
-    return [
-      [
-        transformVBindShorthand,
-        transformOnce,
-        transformIf,
-        transformMemo,
-        transformFor,
-        ...[],
-        ...[transformExpression] ,
-        transformSlotOutlet,
-        transformElement,
-        trackSlotScopes,
-        transformText
-      ],
-      {
-        on: transformOn$1,
-        bind: transformBind,
-        model: transformModel$1
-      }
-    ];
-  }
-  function baseCompile(source, options = {}) {
-    const onError = options.onError || defaultOnError;
-    const isModuleMode = options.mode === "module";
-    {
-      if (options.prefixIdentifiers === true) {
-        onError(createCompilerError(48));
-      } else if (isModuleMode) {
-        onError(createCompilerError(49));
-      }
-    }
-    const prefixIdentifiers = false;
-    if (options.cacheHandlers) {
-      onError(createCompilerError(50));
-    }
-    if (options.scopeId && !isModuleMode) {
-      onError(createCompilerError(51));
-    }
-    const resolvedOptions = extend({}, options, {
-      prefixIdentifiers
-    });
-    const ast = isString(source) ? baseParse(source, resolvedOptions) : source;
-    const [nodeTransforms, directiveTransforms] = getBaseTransformPreset();
-    transform(
-      ast,
-      extend({}, resolvedOptions, {
-        nodeTransforms: [
-          ...nodeTransforms,
-          ...options.nodeTransforms || []
-          // user transforms
-        ],
-        directiveTransforms: extend(
-          {},
-          directiveTransforms,
-          options.directiveTransforms || {}
-          // user transforms
-        )
-      })
-    );
-    return generate(ast, resolvedOptions);
-  }
-
-  const noopDirectiveTransform = () => ({ props: [] });
-
-  const V_MODEL_RADIO = /* @__PURE__ */ Symbol(`vModelRadio` );
-  const V_MODEL_CHECKBOX = /* @__PURE__ */ Symbol(
-    `vModelCheckbox` 
-  );
-  const V_MODEL_TEXT = /* @__PURE__ */ Symbol(`vModelText` );
-  const V_MODEL_SELECT = /* @__PURE__ */ Symbol(
-    `vModelSelect` 
-  );
-  const V_MODEL_DYNAMIC = /* @__PURE__ */ Symbol(
-    `vModelDynamic` 
-  );
-  const V_ON_WITH_MODIFIERS = /* @__PURE__ */ Symbol(
-    `vOnModifiersGuard` 
-  );
-  const V_ON_WITH_KEYS = /* @__PURE__ */ Symbol(
-    `vOnKeysGuard` 
-  );
-  const V_SHOW = /* @__PURE__ */ Symbol(`vShow` );
-  const TRANSITION = /* @__PURE__ */ Symbol(`Transition` );
-  const TRANSITION_GROUP = /* @__PURE__ */ Symbol(
-    `TransitionGroup` 
-  );
-  registerRuntimeHelpers({
-    [V_MODEL_RADIO]: `vModelRadio`,
-    [V_MODEL_CHECKBOX]: `vModelCheckbox`,
-    [V_MODEL_TEXT]: `vModelText`,
-    [V_MODEL_SELECT]: `vModelSelect`,
-    [V_MODEL_DYNAMIC]: `vModelDynamic`,
-    [V_ON_WITH_MODIFIERS]: `withModifiers`,
-    [V_ON_WITH_KEYS]: `withKeys`,
-    [V_SHOW]: `vShow`,
-    [TRANSITION]: `Transition`,
-    [TRANSITION_GROUP]: `TransitionGroup`
-  });
-
-  let decoder;
-  function decodeHtmlBrowser(raw, asAttr = false) {
-    if (!decoder) {
-      decoder = document.createElement("div");
-    }
-    if (asAttr) {
-      decoder.innerHTML = `<div foo="${raw.replace(/"/g, "&quot;")}">`;
-      return decoder.children[0].getAttribute("foo");
-    } else {
-      decoder.innerHTML = raw;
-      return decoder.textContent;
-    }
-  }
-
-  const parserOptions = {
-    parseMode: "html",
-    isVoidTag,
-    isNativeTag: (tag) => isHTMLTag(tag) || isSVGTag(tag) || isMathMLTag(tag),
-    isPreTag: (tag) => tag === "pre",
-    isIgnoreNewlineTag: (tag) => tag === "pre" || tag === "textarea",
-    decodeEntities: decodeHtmlBrowser ,
-    isBuiltInComponent: (tag) => {
-      if (tag === "Transition" || tag === "transition") {
-        return TRANSITION;
-      } else if (tag === "TransitionGroup" || tag === "transition-group") {
-        return TRANSITION_GROUP;
-      }
-    },
-    // https://html.spec.whatwg.org/multipage/parsing.html#tree-construction-dispatcher
-    getNamespace(tag, parent, rootNamespace) {
-      let ns = parent ? parent.ns : rootNamespace;
-      if (parent && ns === 2) {
-        if (parent.tag === "annotation-xml") {
-          if (tag === "svg") {
-            return 1;
-          }
-          if (parent.props.some(
-            (a) => a.type === 6 && a.name === "encoding" && a.value != null && (a.value.content === "text/html" || a.value.content === "application/xhtml+xml")
-          )) {
-            ns = 0;
-          }
-        } else if (/^m(?:[ions]|text)$/.test(parent.tag) && tag !== "mglyph" && tag !== "malignmark") {
-          ns = 0;
-        }
-      } else if (parent && ns === 1) {
-        if (parent.tag === "foreignObject" || parent.tag === "desc" || parent.tag === "title") {
-          ns = 0;
-        }
-      }
-      if (ns === 0) {
-        if (tag === "svg") {
-          return 1;
-        }
-        if (tag === "math") {
-          return 2;
-        }
-      }
-      return ns;
-    }
-  };
-
-  const transformStyle = (node) => {
-    if (node.type === 1) {
-      node.props.forEach((p, i) => {
-        if (p.type === 6 && p.name === "style" && p.value) {
-          node.props[i] = {
-            type: 7,
-            name: `bind`,
-            arg: createSimpleExpression(`style`, true, p.loc),
-            exp: parseInlineCSS(p.value.content, p.loc),
-            modifiers: [],
-            loc: p.loc
-          };
-        }
-      });
-    }
-  };
-  const parseInlineCSS = (cssText, loc) => {
-    const normalized = parseStringStyle(cssText);
-    return createSimpleExpression(
-      JSON.stringify(normalized),
-      false,
-      loc,
-      3
-    );
-  };
-
-  function createDOMCompilerError(code, loc) {
-    return createCompilerError(
-      code,
-      loc,
-      DOMErrorMessages 
-    );
-  }
-  const DOMErrorMessages = {
-    [54]: `v-html is missing expression.`,
-    [55]: `v-html will override element children.`,
-    [56]: `v-text is missing expression.`,
-    [57]: `v-text will override element children.`,
-    [58]: `v-model can only be used on <input>, <textarea> and <select> elements.`,
-    [59]: `v-model argument is not supported on plain elements.`,
-    [60]: `v-model cannot be used on file inputs since they are read-only. Use a v-on:change listener instead.`,
-    [61]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
-    [62]: `v-show is missing expression.`,
-    [63]: `<Transition> expects exactly one child element or component.`,
-    [64]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
-  };
-
-  const transformVHtml = (dir, node, context) => {
-    const { exp, loc } = dir;
-    if (!exp) {
-      context.onError(
-        createDOMCompilerError(54, loc)
-      );
-    }
-    if (node.children.length) {
-      context.onError(
-        createDOMCompilerError(55, loc)
-      );
-      node.children.length = 0;
-    }
-    return {
-      props: [
-        createObjectProperty(
-          createSimpleExpression(`innerHTML`, true, loc),
-          exp || createSimpleExpression("", true)
-        )
-      ]
-    };
-  };
-
-  const transformVText = (dir, node, context) => {
-    const { exp, loc } = dir;
-    if (!exp) {
-      context.onError(
-        createDOMCompilerError(56, loc)
-      );
-    }
-    if (node.children.length) {
-      context.onError(
-        createDOMCompilerError(57, loc)
-      );
-      node.children.length = 0;
-    }
-    return {
-      props: [
-        createObjectProperty(
-          createSimpleExpression(`textContent`, true),
-          exp ? getConstantType(exp, context) > 0 ? exp : createCallExpression(
-            context.helperString(TO_DISPLAY_STRING),
-            [exp],
-            loc
-          ) : createSimpleExpression("", true)
-        )
-      ]
-    };
-  };
-
-  const transformModel = (dir, node, context) => {
-    const baseResult = transformModel$1(dir, node, context);
-    if (!baseResult.props.length || node.tagType === 1) {
-      return baseResult;
-    }
-    if (dir.arg) {
-      context.onError(
-        createDOMCompilerError(
-          59,
-          dir.arg.loc
-        )
-      );
-    }
-    function checkDuplicatedValue() {
-      const value = findDir(node, "bind");
-      if (value && isStaticArgOf(value.arg, "value")) {
-        context.onError(
-          createDOMCompilerError(
-            61,
-            value.loc
-          )
-        );
-      }
-    }
-    const { tag } = node;
-    const isCustomElement = context.isCustomElement(tag);
-    if (tag === "input" || tag === "textarea" || tag === "select" || isCustomElement) {
-      let directiveToUse = V_MODEL_TEXT;
-      let isInvalidType = false;
-      if (tag === "input" || isCustomElement) {
-        const type = findProp(node, `type`);
-        if (type) {
-          if (type.type === 7) {
-            directiveToUse = V_MODEL_DYNAMIC;
-          } else if (type.value) {
-            switch (type.value.content) {
-              case "radio":
-                directiveToUse = V_MODEL_RADIO;
-                break;
-              case "checkbox":
-                directiveToUse = V_MODEL_CHECKBOX;
-                break;
-              case "file":
-                isInvalidType = true;
-                context.onError(
-                  createDOMCompilerError(
-                    60,
-                    dir.loc
-                  )
-                );
-                break;
-              default:
-                checkDuplicatedValue();
-                break;
-            }
-          }
-        } else if (hasDynamicKeyVBind(node)) {
-          directiveToUse = V_MODEL_DYNAMIC;
-        } else {
-          checkDuplicatedValue();
-        }
-      } else if (tag === "select") {
-        directiveToUse = V_MODEL_SELECT;
-      } else {
-        checkDuplicatedValue();
-      }
-      if (!isInvalidType) {
-        baseResult.needRuntime = context.helper(directiveToUse);
-      }
-    } else {
-      context.onError(
-        createDOMCompilerError(
-          58,
-          dir.loc
-        )
-      );
-    }
-    baseResult.props = baseResult.props.filter(
-      (p) => !(p.key.type === 4 && p.key.content === "modelValue")
-    );
-    return baseResult;
-  };
-
-  const isEventOptionModifier = /* @__PURE__ */ makeMap(`passive,once,capture`);
-  const isNonKeyModifier = /* @__PURE__ */ makeMap(
-    // event propagation management
-    `stop,prevent,self,ctrl,shift,alt,meta,exact,middle`
-  );
-  const maybeKeyModifier = /* @__PURE__ */ makeMap("left,right");
-  const isKeyboardEvent = /* @__PURE__ */ makeMap(`onkeyup,onkeydown,onkeypress`);
-  const resolveModifiers = (key, modifiers, context, loc) => {
-    const keyModifiers = [];
-    const nonKeyModifiers = [];
-    const eventOptionModifiers = [];
-    for (let i = 0; i < modifiers.length; i++) {
-      const modifier = modifiers[i].content;
-      if (isEventOptionModifier(modifier)) {
-        eventOptionModifiers.push(modifier);
-      } else {
-        if (maybeKeyModifier(modifier)) {
-          if (isStaticExp(key)) {
-            if (isKeyboardEvent(key.content.toLowerCase())) {
-              keyModifiers.push(modifier);
-            } else {
-              nonKeyModifiers.push(modifier);
-            }
-          } else {
-            keyModifiers.push(modifier);
-            nonKeyModifiers.push(modifier);
-          }
-        } else {
-          if (isNonKeyModifier(modifier)) {
-            nonKeyModifiers.push(modifier);
-          } else {
-            keyModifiers.push(modifier);
-          }
-        }
-      }
-    }
-    return {
-      keyModifiers,
-      nonKeyModifiers,
-      eventOptionModifiers
-    };
-  };
-  const transformClick = (key, event) => {
-    const isStaticClick = isStaticExp(key) && key.content.toLowerCase() === "onclick";
-    return isStaticClick ? createSimpleExpression(event, true) : key.type !== 4 ? createCompoundExpression([
-      `(`,
-      key,
-      `) === "onClick" ? "${event}" : (`,
-      key,
-      `)`
-    ]) : key;
-  };
-  const transformOn = (dir, node, context) => {
-    return transformOn$1(dir, node, context, (baseResult) => {
-      const { modifiers } = dir;
-      if (!modifiers.length) return baseResult;
-      let { key, value: handlerExp } = baseResult.props[0];
-      const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(key, modifiers, context, dir.loc);
-      if (nonKeyModifiers.includes("right")) {
-        key = transformClick(key, `onContextmenu`);
-      }
-      if (nonKeyModifiers.includes("middle")) {
-        key = transformClick(key, `onMouseup`);
-      }
-      if (nonKeyModifiers.length) {
-        handlerExp = createCallExpression(context.helper(V_ON_WITH_MODIFIERS), [
-          handlerExp,
-          JSON.stringify(nonKeyModifiers)
-        ]);
-      }
-      if (keyModifiers.length && // if event name is dynamic, always wrap with keys guard
-      (!isStaticExp(key) || isKeyboardEvent(key.content.toLowerCase()))) {
-        handlerExp = createCallExpression(context.helper(V_ON_WITH_KEYS), [
-          handlerExp,
-          JSON.stringify(keyModifiers)
-        ]);
-      }
-      if (eventOptionModifiers.length) {
-        const modifierPostfix = eventOptionModifiers.map(capitalize).join("");
-        key = isStaticExp(key) ? createSimpleExpression(`${key.content}${modifierPostfix}`, true) : createCompoundExpression([`(`, key, `) + "${modifierPostfix}"`]);
-      }
-      return {
-        props: [createObjectProperty(key, handlerExp)]
-      };
-    });
-  };
-
-  const transformShow = (dir, node, context) => {
-    const { exp, loc } = dir;
-    if (!exp) {
-      context.onError(
-        createDOMCompilerError(62, loc)
-      );
-    }
-    return {
-      props: [],
-      needRuntime: context.helper(V_SHOW)
-    };
-  };
-
-  const transformTransition = (node, context) => {
-    if (node.type === 1 && node.tagType === 1) {
-      const component = context.isBuiltInComponent(node.tag);
-      if (component === TRANSITION) {
-        return () => {
-          if (!node.children.length) {
-            return;
-          }
-          if (hasMultipleChildren(node)) {
-            context.onError(
-              createDOMCompilerError(
-                63,
-                {
-                  start: node.children[0].loc.start,
-                  end: node.children[node.children.length - 1].loc.end,
-                  source: ""
-                }
-              )
-            );
-          }
-          const child = node.children[0];
-          if (child.type === 1) {
-            for (const p of child.props) {
-              if (p.type === 7 && p.name === "show") {
-                node.props.push({
-                  type: 6,
-                  name: "persisted",
-                  nameLoc: node.loc,
-                  value: void 0,
-                  loc: node.loc
-                });
-              }
-            }
-          }
-        };
-      }
-    }
-  };
-  function hasMultipleChildren(node) {
-    const children = node.children = node.children.filter(
-      (c) => !isCommentOrWhitespace(c)
-    );
-    const child = children[0];
-    return children.length !== 1 || child.type === 11 || child.type === 9 && child.branches.some(hasMultipleChildren);
-  }
-
-  const ignoreSideEffectTags = (node, context) => {
-    if (node.type === 1 && node.tagType === 0 && (node.tag === "script" || node.tag === "style")) {
-      context.onError(
-        createDOMCompilerError(
-          64,
-          node.loc
-        )
-      );
-      context.removeNode();
-    }
-  };
-
-  function isValidHTMLNesting(parent, child) {
-    if (parent === "template") {
-      return true;
-    }
-    if (parent in onlyValidChildren) {
-      return onlyValidChildren[parent].has(child);
-    }
-    if (child in onlyValidParents) {
-      return onlyValidParents[child].has(parent);
-    }
-    if (parent in knownInvalidChildren) {
-      if (knownInvalidChildren[parent].has(child)) return false;
-    }
-    if (child in knownInvalidParents) {
-      if (knownInvalidParents[child].has(parent)) return false;
-    }
-    return true;
-  }
-  const headings = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "h6"]);
-  const emptySet = /* @__PURE__ */ new Set([]);
-  const onlyValidChildren = {
-    head: /* @__PURE__ */ new Set([
-      "base",
-      "basefront",
-      "bgsound",
-      "link",
-      "meta",
-      "title",
-      "noscript",
-      "noframes",
-      "style",
-      "script",
-      "template"
-    ]),
-    optgroup: /* @__PURE__ */ new Set(["option"]),
-    select: /* @__PURE__ */ new Set(["optgroup", "option", "hr"]),
-    // table
-    table: /* @__PURE__ */ new Set(["caption", "colgroup", "tbody", "tfoot", "thead"]),
-    tr: /* @__PURE__ */ new Set(["td", "th"]),
-    colgroup: /* @__PURE__ */ new Set(["col"]),
-    tbody: /* @__PURE__ */ new Set(["tr"]),
-    thead: /* @__PURE__ */ new Set(["tr"]),
-    tfoot: /* @__PURE__ */ new Set(["tr"]),
-    // these elements can not have any children elements
-    script: emptySet,
-    iframe: emptySet,
-    option: emptySet,
-    textarea: emptySet,
-    style: emptySet,
-    title: emptySet
-  };
-  const onlyValidParents = {
-    // sections
-    html: emptySet,
-    body: /* @__PURE__ */ new Set(["html"]),
-    head: /* @__PURE__ */ new Set(["html"]),
-    // table
-    td: /* @__PURE__ */ new Set(["tr"]),
-    colgroup: /* @__PURE__ */ new Set(["table"]),
-    caption: /* @__PURE__ */ new Set(["table"]),
-    tbody: /* @__PURE__ */ new Set(["table"]),
-    tfoot: /* @__PURE__ */ new Set(["table"]),
-    col: /* @__PURE__ */ new Set(["colgroup"]),
-    th: /* @__PURE__ */ new Set(["tr"]),
-    thead: /* @__PURE__ */ new Set(["table"]),
-    tr: /* @__PURE__ */ new Set(["tbody", "thead", "tfoot"]),
-    // data list
-    dd: /* @__PURE__ */ new Set(["dl", "div"]),
-    dt: /* @__PURE__ */ new Set(["dl", "div"]),
-    // other
-    figcaption: /* @__PURE__ */ new Set(["figure"]),
-    // li: new Set(["ul", "ol"]),
-    summary: /* @__PURE__ */ new Set(["details"]),
-    area: /* @__PURE__ */ new Set(["map"])
-  };
-  const knownInvalidChildren = {
-    p: /* @__PURE__ */ new Set([
-      "address",
-      "article",
-      "aside",
-      "blockquote",
-      "center",
-      "details",
-      "dialog",
-      "dir",
-      "div",
-      "dl",
-      "fieldset",
-      "figure",
-      "footer",
-      "form",
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
-      "header",
-      "hgroup",
-      "hr",
-      "li",
-      "main",
-      "nav",
-      "menu",
-      "ol",
-      "p",
-      "pre",
-      "section",
-      "table",
-      "ul"
-    ]),
-    svg: /* @__PURE__ */ new Set([
-      "b",
-      "blockquote",
-      "br",
-      "code",
-      "dd",
-      "div",
-      "dl",
-      "dt",
-      "em",
-      "embed",
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
-      "hr",
-      "i",
-      "img",
-      "li",
-      "menu",
-      "meta",
-      "ol",
-      "p",
-      "pre",
-      "ruby",
-      "s",
-      "small",
-      "span",
-      "strong",
-      "sub",
-      "sup",
-      "table",
-      "u",
-      "ul",
-      "var"
-    ])
-  };
-  const knownInvalidParents = {
-    a: /* @__PURE__ */ new Set(["a"]),
-    button: /* @__PURE__ */ new Set(["button"]),
-    dd: /* @__PURE__ */ new Set(["dd", "dt"]),
-    dt: /* @__PURE__ */ new Set(["dd", "dt"]),
-    form: /* @__PURE__ */ new Set(["form"]),
-    li: /* @__PURE__ */ new Set(["li"]),
-    h1: headings,
-    h2: headings,
-    h3: headings,
-    h4: headings,
-    h5: headings,
-    h6: headings
-  };
-
-  const validateHtmlNesting = (node, context) => {
-    if (node.type === 1 && node.tagType === 0 && context.parent && context.parent.type === 1 && context.parent.tagType === 0 && !isValidHTMLNesting(context.parent.tag, node.tag)) {
-      const error = new SyntaxError(
-        `<${node.tag}> cannot be child of <${context.parent.tag}>, according to HTML specifications. This can cause hydration errors or potentially disrupt future functionality.`
-      );
-      error.loc = node.loc;
-      context.onWarn(error);
-    }
-  };
-
-  const DOMNodeTransforms = [
-    transformStyle,
-    ...[transformTransition, validateHtmlNesting] 
-  ];
-  const DOMDirectiveTransforms = {
-    cloak: noopDirectiveTransform,
-    html: transformVHtml,
-    text: transformVText,
-    model: transformModel,
-    // override compiler-core
-    on: transformOn,
-    // override compiler-core
-    show: transformShow
-  };
-  function compile(src, options = {}) {
-    return baseCompile(
-      src,
-      extend({}, parserOptions, options, {
-        nodeTransforms: [
-          // ignore <script> and <tag>
-          // this is not put inside DOMNodeTransforms because that list is used
-          // by compiler-ssr to generate vnode fallback branches
-          ignoreSideEffectTags,
-          ...DOMNodeTransforms,
-          ...options.nodeTransforms || []
-        ],
-        directiveTransforms: extend(
-          {},
-          DOMDirectiveTransforms,
-          options.directiveTransforms || {}
-        ),
-        transformHoist: null 
-      })
-    );
-  }
-
-  {
-    initDev();
-  }
-  const compileCache = /* @__PURE__ */ Object.create(null);
-  function compileToFunction(template, options) {
-    if (!isString(template)) {
-      if (template.nodeType) {
-        template = template.innerHTML;
-      } else {
-        warn(`invalid template option: `, template);
-        return NOOP;
-      }
-    }
-    const key = genCacheKey(template, options);
-    const cached = compileCache[key];
-    if (cached) {
-      return cached;
-    }
-    if (template[0] === "#") {
-      const el = document.querySelector(template);
-      if (!el) {
-        warn(`Template element not found or is empty: ${template}`);
-      }
-      template = el ? el.innerHTML : ``;
-    }
-    const opts = extend(
-      {
-        hoistStatic: true,
-        onError: onError ,
-        onWarn: (e) => onError(e, true) 
-      },
-      options
-    );
-    if (!opts.isCustomElement && typeof customElements !== "undefined") {
-      opts.isCustomElement = (tag) => !!customElements.get(tag);
-    }
-    const { code } = compile(template, opts);
-    function onError(err, asWarning = false) {
-      const message = asWarning ? err.message : `Template compilation error: ${err.message}`;
-      const codeFrame = err.loc && generateCodeFrame(
-        template,
-        err.loc.start.offset,
-        err.loc.end.offset
-      );
-      warn(codeFrame ? `${message}
-${codeFrame}` : message);
-    }
-    const render = new Function(code)() ;
-    render._rc = true;
-    return compileCache[key] = render;
-  }
-  registerRuntimeCompiler(compileToFunction);
-
-  exports.BaseTransition = BaseTransition;
-  exports.BaseTransitionPropsValidators = BaseTransitionPropsValidators;
-  exports.Comment = Comment;
-  exports.DeprecationTypes = DeprecationTypes;
-  exports.EffectScope = EffectScope;
-  exports.ErrorCodes = ErrorCodes;
-  exports.ErrorTypeStrings = ErrorTypeStrings;
-  exports.Fragment = Fragment;
-  exports.KeepAlive = KeepAlive;
-  exports.ReactiveEffect = ReactiveEffect;
-  exports.Static = Static;
-  exports.Suspense = Suspense;
-  exports.Teleport = Teleport;
-  exports.Text = Text;
-  exports.TrackOpTypes = TrackOpTypes;
-  exports.Transition = Transition;
-  exports.TransitionGroup = TransitionGroup;
-  exports.TriggerOpTypes = TriggerOpTypes;
-  exports.VueElement = VueElement;
-  exports.assertNumber = assertNumber;
-  exports.callWithAsyncErrorHandling = callWithAsyncErrorHandling;
-  exports.callWithErrorHandling = callWithErrorHandling;
-  exports.camelize = camelize;
-  exports.capitalize = capitalize;
-  exports.cloneVNode = cloneVNode;
-  exports.compatUtils = compatUtils;
-  exports.compile = compileToFunction;
-  exports.computed = computed;
-  exports.createApp = createApp;
-  exports.createBlock = createBlock;
-  exports.createCommentVNode = createCommentVNode;
-  exports.createElementBlock = createElementBlock;
-  exports.createElementVNode = createBaseVNode;
-  exports.createHydrationRenderer = createHydrationRenderer;
-  exports.createPropsRestProxy = createPropsRestProxy;
-  exports.createRenderer = createRenderer;
-  exports.createSSRApp = createSSRApp;
-  exports.createSlots = createSlots;
-  exports.createStaticVNode = createStaticVNode;
-  exports.createTextVNode = createTextVNode;
-  exports.createVNode = createVNode;
-  exports.customRef = customRef;
-  exports.defineAsyncComponent = defineAsyncComponent;
-  exports.defineComponent = defineComponent;
-  exports.defineCustomElement = defineCustomElement;
-  exports.defineEmits = defineEmits;
-  exports.defineExpose = defineExpose;
-  exports.defineModel = defineModel;
-  exports.defineOptions = defineOptions;
-  exports.defineProps = defineProps;
-  exports.defineSSRCustomElement = defineSSRCustomElement;
-  exports.defineSlots = defineSlots;
-  exports.devtools = devtools;
-  exports.effect = effect;
-  exports.effectScope = effectScope;
-  exports.getCurrentInstance = getCurrentInstance;
-  exports.getCurrentScope = getCurrentScope;
-  exports.getCurrentWatcher = getCurrentWatcher;
-  exports.getTransitionRawChildren = getTransitionRawChildren;
-  exports.guardReactiveProps = guardReactiveProps;
-  exports.h = h;
-  exports.handleError = handleError;
-  exports.hasInjectionContext = hasInjectionContext;
-  exports.hydrate = hydrate;
-  exports.hydrateOnIdle = hydrateOnIdle;
-  exports.hydrateOnInteraction = hydrateOnInteraction;
-  exports.hydrateOnMediaQuery = hydrateOnMediaQuery;
-  exports.hydrateOnVisible = hydrateOnVisible;
-  exports.initCustomFormatter = initCustomFormatter;
-  exports.initDirectivesForSSR = initDirectivesForSSR;
-  exports.inject = inject;
-  exports.isMemoSame = isMemoSame;
-  exports.isProxy = isProxy;
-  exports.isReactive = isReactive;
-  exports.isReadonly = isReadonly;
-  exports.isRef = isRef;
-  exports.isRuntimeOnly = isRuntimeOnly;
-  exports.isShallow = isShallow;
-  exports.isVNode = isVNode;
-  exports.markRaw = markRaw;
-  exports.mergeDefaults = mergeDefaults;
-  exports.mergeModels = mergeModels;
-  exports.mergeProps = mergeProps;
-  exports.nextTick = nextTick;
-  exports.nodeOps = nodeOps;
-  exports.normalizeClass = normalizeClass;
-  exports.normalizeProps = normalizeProps;
-  exports.normalizeStyle = normalizeStyle;
-  exports.onActivated = onActivated;
-  exports.onBeforeMount = onBeforeMount;
-  exports.onBeforeUnmount = onBeforeUnmount;
-  exports.onBeforeUpdate = onBeforeUpdate;
-  exports.onDeactivated = onDeactivated;
-  exports.onErrorCaptured = onErrorCaptured;
-  exports.onMounted = onMounted;
-  exports.onRenderTracked = onRenderTracked;
-  exports.onRenderTriggered = onRenderTriggered;
-  exports.onScopeDispose = onScopeDispose;
-  exports.onServerPrefetch = onServerPrefetch;
-  exports.onUnmounted = onUnmounted;
-  exports.onUpdated = onUpdated;
-  exports.onWatcherCleanup = onWatcherCleanup;
-  exports.openBlock = openBlock;
-  exports.patchProp = patchProp;
-  exports.popScopeId = popScopeId;
-  exports.provide = provide;
-  exports.proxyRefs = proxyRefs;
-  exports.pushScopeId = pushScopeId;
-  exports.queuePostFlushCb = queuePostFlushCb;
-  exports.reactive = reactive;
-  exports.readonly = readonly;
-  exports.ref = ref;
-  exports.registerRuntimeCompiler = registerRuntimeCompiler;
-  exports.render = render;
-  exports.renderList = renderList;
-  exports.renderSlot = renderSlot;
-  exports.resolveComponent = resolveComponent;
-  exports.resolveDirective = resolveDirective;
-  exports.resolveDynamicComponent = resolveDynamicComponent;
-  exports.resolveFilter = resolveFilter;
-  exports.resolveTransitionHooks = resolveTransitionHooks;
-  exports.setBlockTracking = setBlockTracking;
-  exports.setDevtoolsHook = setDevtoolsHook;
-  exports.setTransitionHooks = setTransitionHooks;
-  exports.shallowReactive = shallowReactive;
-  exports.shallowReadonly = shallowReadonly;
-  exports.shallowRef = shallowRef;
-  exports.ssrContextKey = ssrContextKey;
-  exports.ssrUtils = ssrUtils;
-  exports.stop = stop;
-  exports.toDisplayString = toDisplayString;
-  exports.toHandlerKey = toHandlerKey;
-  exports.toHandlers = toHandlers;
-  exports.toRaw = toRaw;
-  exports.toRef = toRef;
-  exports.toRefs = toRefs;
-  exports.toValue = toValue;
-  exports.transformVNodeArgs = transformVNodeArgs;
-  exports.triggerRef = triggerRef;
-  exports.unref = unref;
-  exports.useAttrs = useAttrs;
-  exports.useCssModule = useCssModule;
-  exports.useCssVars = useCssVars;
-  exports.useHost = useHost;
-  exports.useId = useId;
-  exports.useModel = useModel;
-  exports.useSSRContext = useSSRContext;
-  exports.useShadowRoot = useShadowRoot;
-  exports.useSlots = useSlots;
-  exports.useTemplateRef = useTemplateRef;
-  exports.useTransitionState = useTransitionState;
-  exports.vModelCheckbox = vModelCheckbox;
-  exports.vModelDynamic = vModelDynamic;
-  exports.vModelRadio = vModelRadio;
-  exports.vModelSelect = vModelSelect;
-  exports.vModelText = vModelText;
-  exports.vShow = vShow;
-  exports.version = version;
-  exports.warn = warn;
-  exports.watch = watch;
-  exports.watchEffect = watchEffect;
-  exports.watchPostEffect = watchPostEffect;
-  exports.watchSyncEffect = watchSyncEffect;
-  exports.withAsyncContext = withAsyncContext;
-  exports.withCtx = withCtx;
-  exports.withDefaults = withDefaults;
-  exports.withDirectives = withDirectives;
-  exports.withKeys = withKeys;
-  exports.withMemo = withMemo;
-  exports.withModifiers = withModifiers;
-  exports.withScopeId = withScopeId;
-
-  return exports;
-
-})({});