diff --git a/electron/config/config.default.js b/electron/config/config.default.js
index f69287f..b6ca9a2 100644
--- a/electron/config/config.default.js
+++ b/electron/config/config.default.js
@@ -29,7 +29,7 @@ module.exports = (appInfo) => {
     minWidth: 400,
     minHeight: 300,
     webPreferences: {
-      webSecurity: false,
+      //webSecurity: false,
       contextIsolation: false, // false -> 可在渲染进程中使用electron的api，true->需要bridge.js(contextBridge)
       nodeIntegration: true,
       //preload: path.join(appInfo.baseDir, 'preload', 'bridge.js'),
diff --git a/frontend/src/views/example/hello/Index.vue b/frontend/src/views/example/hello/Index.vue
index 76f7925..a86e029 100644
--- a/frontend/src/views/example/hello/Index.vue
+++ b/frontend/src/views/example/hello/Index.vue
@@ -15,15 +15,8 @@
 
 export default {
   data() {
-    return {
-      test: '',
-    };
+    return {};
   },
-  methods: {
-    test () {
-      // 
-    },
-  }
 };
 </script>
 <style scoped>
diff --git a/public/dist/assets/Index-630507e4.js b/public/dist/assets/Index-630507e4.js
new file mode 100644
index 0000000..66195fb
--- /dev/null
+++ b/public/dist/assets/Index-630507e4.js
@@ -0,0 +1 @@
+import{_ as a,o as t,c as s,a as e}from"./index-94991f0a.js";const o={data:()=>({})},c={id:"hero"},n=[e('<h1 class="tagline" data-v-505540b8><span class="accent" data-v-505540b8>Electron-Egg</span></h1><p class="description" data-v-505540b8> A fast, desktop software development framework </p><p class="actions" data-v-505540b8><a class="setup" href="https://www.kaka996.com/" target="_blank" data-v-505540b8>Get Started</a></p>',3)];const d=a(o,[["render",function(a,e,o,d,r,p){return t(),s("section",c,n)}],["__scopeId","data-v-505540b8"]]);export{d as default};
diff --git a/public/dist/assets/Index-256cdac1.css b/public/dist/assets/Index-812274cb.css
similarity index 57%
rename from public/dist/assets/Index-256cdac1.css
rename to public/dist/assets/Index-812274cb.css
index 3828eae..eee8430 100644
--- a/public/dist/assets/Index-256cdac1.css
+++ b/public/dist/assets/Index-812274cb.css
@@ -1 +1 @@
-section[data-v-19ff7cd7]{padding:42px 32px}#hero[data-v-19ff7cd7]{padding:150px 32px;text-align:center;height:100%}.tagline[data-v-19ff7cd7]{font-size:52px;line-height:1.25;font-weight:700;letter-spacing:-1.5px;max-width:960px;margin:0 auto}html:not(.dark) .accent[data-v-19ff7cd7],.dark .tagline[data-v-19ff7cd7]{background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description[data-v-19ff7cd7]{max-width:960px;line-height:1.5;color:var(--vt-c-text-2);transition:color .5s;font-size:22px;margin:24px auto 40px}.actions a[data-v-19ff7cd7]{font-size:16px;display:inline-block;background-color:var(--vt-c-bg-mute);padding:8px 18px;font-weight:500;border-radius:8px;transition:background-color .5s,color .5s;text-decoration:none}.actions .setup[data-v-19ff7cd7]{color:var(--vt-c-text-code);background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff)}.actions .setup[data-v-19ff7cd7]:hover{background-color:var(--vt-c-gray-light-4);transition-duration:.2s}
+section[data-v-505540b8]{padding:42px 32px}#hero[data-v-505540b8]{padding:150px 32px;text-align:center;height:100%}.tagline[data-v-505540b8]{font-size:52px;line-height:1.25;font-weight:700;letter-spacing:-1.5px;max-width:960px;margin:0 auto}html:not(.dark) .accent[data-v-505540b8],.dark .tagline[data-v-505540b8]{background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description[data-v-505540b8]{max-width:960px;line-height:1.5;color:var(--vt-c-text-2);transition:color .5s;font-size:22px;margin:24px auto 40px}.actions a[data-v-505540b8]{font-size:16px;display:inline-block;background-color:var(--vt-c-bg-mute);padding:8px 18px;font-weight:500;border-radius:8px;transition:background-color .5s,color .5s;text-decoration:none}.actions .setup[data-v-505540b8]{color:var(--vt-c-text-code);background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff)}.actions .setup[data-v-505540b8]:hover{background-color:var(--vt-c-gray-light-4);transition-duration:.2s}
diff --git a/public/dist/assets/Index-fa20481b.js b/public/dist/assets/Index-fa20481b.js
deleted file mode 100644
index dfc32a1..0000000
--- a/public/dist/assets/Index-fa20481b.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as a,o as t,c as s,a as e}from"./index-05e4e2cc.js";const c={data:()=>({test:""}),methods:{test(){}}},d={id:"hero"},f=[e('<h1 class="tagline" data-v-19ff7cd7><span class="accent" data-v-19ff7cd7>Electron-Egg</span></h1><p class="description" data-v-19ff7cd7> A fast, desktop software development framework </p><p class="actions" data-v-19ff7cd7><a class="setup" href="https://www.kaka996.com/" target="_blank" data-v-19ff7cd7>Get Started</a></p>',3)];const o=a(c,[["render",function(a,e,c,o,n,r){return t(),s("section",d,f)}],["__scopeId","data-v-19ff7cd7"]]);export{o as default};
diff --git a/public/dist/assets/index-05e4e2cc.js b/public/dist/assets/index-94991f0a.js
similarity index 99%
rename from public/dist/assets/index-05e4e2cc.js
rename to public/dist/assets/index-94991f0a.js
index ebae9d2..f1abab4 100644
--- a/public/dist/assets/index-05e4e2cc.js
+++ b/public/dist/assets/index-94991f0a.js
@@ -4,4 +4,4 @@ function e(e,t){const n=Object.create(null),r=e.split(",");for(let o=0;o<r.lengt
   * vue-router v4.2.5
   * (c) 2023 Eduardo San Martin Morote
   * @license MIT
-  */const jo=Object.assign;function Fo(e,t){const n={};for(const r in t){const o=t[r];n[r]=Ao(o)?o.map(e):e(o)}return n}const $o=()=>{},Ao=Array.isArray,To=/\/$/,Mo=e=>e.replace(To,"");function Io(e,t,n="/"){let r,o={},s="",l="";const i=t.indexOf("#");let c=t.indexOf("?");return i<c&&i>=0&&(c=-1),c>-1&&(r=t.slice(0,c),s=t.slice(c+1,i>-1?i:t.length),o=e(s)),i>-1&&(r=r||t.slice(0,i),l=t.slice(i,t.length)),r=function(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),r=e.split("/"),o=r[r.length-1];".."!==o&&"."!==o||r.push("");let s,l,i=n.length-1;for(s=0;s<r.length;s++)if(l=r[s],"."!==l){if(".."!==l)break;i>1&&i--}return n.slice(0,i).join("/")+"/"+r.slice(s-(s===r.length?1:0)).join("/")}(null!=r?r:t,n),{fullPath:r+(s&&"?")+s+l,path:r,query:o,hash:l}}function Lo(e,t){return t&&e.toLowerCase().startsWith(t.toLowerCase())?e.slice(t.length)||"/":e}function Uo(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function Vo(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(!No(e[n],t[n]))return!1;return!0}function No(e,t){return Ao(e)?Bo(e,t):Ao(t)?Bo(t,e):e===t}function Bo(e,t){return Ao(t)?e.length===t.length&&e.every(((e,n)=>e===t[n])):1===e.length&&e[0]===t}var Wo,Do,qo,Ho;(Do=Wo||(Wo={})).pop="pop",Do.push="push",(Ho=qo||(qo={})).back="back",Ho.forward="forward",Ho.unknown="";const zo=/^[^#]+#/;function Go(e,t){return e.replace(zo,"#")+t}const Ko=()=>({left:window.pageXOffset,top:window.pageYOffset});function Xo(e){let t;if("el"in e){const n=e.el,r="string"==typeof n&&n.startsWith("#"),o="string"==typeof n?r?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!o)return;t=function(e,t){const n=document.documentElement.getBoundingClientRect(),r=e.getBoundingClientRect();return{behavior:t.behavior,left:r.left-n.left-(t.left||0),top:r.top-n.top-(t.top||0)}}(o,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(null!=t.left?t.left:window.pageXOffset,null!=t.top?t.top:window.pageYOffset)}function Qo(e,t){return(history.state?history.state.position-t:-1)+e}const Yo=new Map;let Zo=()=>location.protocol+"//"+location.host;function Jo(e,t){const{pathname:n,search:r,hash:o}=t,s=e.indexOf("#");if(s>-1){let t=o.includes(e.slice(s))?e.slice(s).length:1,n=o.slice(t);return"/"!==n[0]&&(n="/"+n),Lo(n,"")}return Lo(n,e)+r+o}function es(e,t,n,r=!1,o=!1){return{back:e,current:t,forward:n,replaced:r,position:window.history.length,scroll:o?Ko():null}}function ts(e){const t=function(e){const{history:t,location:n}=window,r={value:Jo(e,n)},o={value:t.state};function s(r,s,l){const i=e.indexOf("#"),c=i>-1?(n.host&&document.querySelector("base")?e:e.slice(i))+r:Zo()+e+r;try{t[l?"replaceState":"pushState"](s,"",c),o.value=s}catch(a){console.error(a),n[l?"replace":"assign"](c)}}return o.value||s(r.value,{back:null,current:r.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0),{location:r,state:o,push:function(e,n){const l=jo({},o.value,t.state,{forward:e,scroll:Ko()});s(l.current,l,!0),s(e,jo({},es(r.value,e,null),{position:l.position+1},n),!1),r.value=e},replace:function(e,n){s(e,jo({},t.state,es(o.value.back,e,o.value.forward,!0),n,{position:o.value.position}),!0),r.value=e}}}(e=function(e){if(!e)if(Ro){const t=document.querySelector("base");e=(e=t&&t.getAttribute("href")||"/").replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return"/"!==e[0]&&"#"!==e[0]&&(e="/"+e),Mo(e)}(e)),n=function(e,t,n,r){let o=[],s=[],l=null;const i=({state:s})=>{const i=Jo(e,location),c=n.value,a=t.value;let u=0;if(s){if(n.value=i,t.value=s,l&&l===c)return void(l=null);u=a?s.position-a.position:0}else r(i);o.forEach((e=>{e(n.value,c,{delta:u,type:Wo.pop,direction:u?u>0?qo.forward:qo.back:qo.unknown})}))};function c(){const{history:e}=window;e.state&&e.replaceState(jo({},e.state,{scroll:Ko()}),"")}return window.addEventListener("popstate",i),window.addEventListener("beforeunload",c,{passive:!0}),{pauseListeners:function(){l=n.value},listen:function(e){o.push(e);const t=()=>{const t=o.indexOf(e);t>-1&&o.splice(t,1)};return s.push(t),t},destroy:function(){for(const e of s)e();s=[],window.removeEventListener("popstate",i),window.removeEventListener("beforeunload",c)}}}(e,t.state,t.location,t.replace);const r=jo({location:"",base:e,go:function(e,t=!0){t||n.pauseListeners(),history.go(e)},createHref:Go.bind(null,e)},t,n);return Object.defineProperty(r,"location",{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(r,"state",{enumerable:!0,get:()=>t.state.value}),r}function ns(e){return"string"==typeof e||"symbol"==typeof e}const rs={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},os=Symbol("");var ss,ls;function is(e,t){return jo(new Error,{type:e,[os]:!0},t)}function cs(e,t){return e instanceof Error&&os in e&&(null==t||!!(e.type&t))}(ls=ss||(ss={}))[ls.aborted=4]="aborted",ls[ls.cancelled=8]="cancelled",ls[ls.duplicated=16]="duplicated";const as="[^/]+?",us={sensitive:!1,strict:!1,start:!0,end:!0},fs=/[.+*?^${}()[\]/\\]/g;function ps(e,t){let n=0;for(;n<e.length&&n<t.length;){const r=t[n]-e[n];if(r)return r;n++}return e.length<t.length?1===e.length&&80===e[0]?-1:1:e.length>t.length?1===t.length&&80===t[0]?1:-1:0}function ds(e,t){let n=0;const r=e.score,o=t.score;for(;n<r.length&&n<o.length;){const e=ps(r[n],o[n]);if(e)return e;n++}if(1===Math.abs(o.length-r.length)){if(hs(r))return 1;if(hs(o))return-1}return o.length-r.length}function hs(e){const t=e[e.length-1];return e.length>0&&t[t.length-1]<0}const ms={type:0,value:""},gs=/[a-zA-Z0-9_]/;function vs(e,t,n){const r=function(e,t){const n=jo({},us,t),r=[];let o=n.start?"^":"";const s=[];for(const c of e){const e=c.length?[]:[90];n.strict&&!c.length&&(o+="/");for(let t=0;t<c.length;t++){const r=c[t];let l=40+(n.sensitive?.25:0);if(0===r.type)t||(o+="/"),o+=r.value.replace(fs,"\\$&"),l+=40;else if(1===r.type){const{value:e,repeatable:n,optional:a,regexp:u}=r;s.push({name:e,repeatable:n,optional:a});const f=u||as;if(f!==as){l+=10;try{new RegExp(`(${f})`)}catch(i){throw new Error(`Invalid custom RegExp for param "${e}" (${f}): `+i.message)}}let p=n?`((?:${f})(?:/(?:${f}))*)`:`(${f})`;t||(p=a&&c.length<2?`(?:/${p})`:"/"+p),a&&(p+="?"),o+=p,l+=20,a&&(l+=-8),n&&(l+=-20),".*"===f&&(l+=-50)}e.push(l)}r.push(e)}if(n.strict&&n.end){const e=r.length-1;r[e][r[e].length-1]+=.7000000000000001}n.strict||(o+="/?"),n.end?o+="$":n.strict&&(o+="(?:/|$)");const l=new RegExp(o,n.sensitive?"":"i");return{re:l,score:r,keys:s,parse:function(e){const t=e.match(l),n={};if(!t)return null;for(let r=1;r<t.length;r++){const e=t[r]||"",o=s[r-1];n[o.name]=e&&o.repeatable?e.split("/"):e}return n},stringify:function(t){let n="",r=!1;for(const o of e){r&&n.endsWith("/")||(n+="/"),r=!1;for(const e of o)if(0===e.type)n+=e.value;else if(1===e.type){const{value:s,repeatable:l,optional:i}=e,c=s in t?t[s]:"";if(Ao(c)&&!l)throw new Error(`Provided param "${s}" is an array but it is not repeatable (* or + modifiers)`);const a=Ao(c)?c.join("/"):c;if(!a){if(!i)throw new Error(`Missing required param "${s}"`);o.length<2&&(n.endsWith("/")?n=n.slice(0,-1):r=!0)}n+=a}}return n||"/"}}}(function(e){if(!e)return[[]];if("/"===e)return[[ms]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function t(e){throw new Error(`ERR (${n})/"${a}": ${e}`)}let n=0,r=n;const o=[];let s;function l(){s&&o.push(s),s=[]}let i,c=0,a="",u="";function f(){a&&(0===n?s.push({type:0,value:a}):1===n||2===n||3===n?(s.length>1&&("*"===i||"+"===i)&&t(`A repeatable param (${a}) must be alone in its segment. eg: '/:ids+.`),s.push({type:1,value:a,regexp:u,repeatable:"*"===i||"+"===i,optional:"*"===i||"?"===i})):t("Invalid state to consume buffer"),a="")}function p(){a+=i}for(;c<e.length;)if(i=e[c++],"\\"!==i||2===n)switch(n){case 0:"/"===i?(a&&f(),l()):":"===i?(f(),n=1):p();break;case 4:p(),n=r;break;case 1:"("===i?n=2:gs.test(i)?p():(f(),n=0,"*"!==i&&"?"!==i&&"+"!==i&&c--);break;case 2:")"===i?"\\"==u[u.length-1]?u=u.slice(0,-1)+i:n=3:u+=i;break;case 3:f(),n=0,"*"!==i&&"?"!==i&&"+"!==i&&c--,u="";break;default:t("Unknown state")}else r=n,n=4;return 2===n&&t(`Unfinished custom RegExp for param "${a}"`),f(),l(),o}(e.path),n),o=jo(r,{record:e,parent:t,children:[],alias:[]});return t&&!o.record.aliasOf==!t.record.aliasOf&&t.children.push(o),o}function ys(e,t){const n=[],r=new Map;function o(e,n,r){const i=!r,c=function(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:_s(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||null:e.component&&{default:e.component}}}(e);c.aliasOf=r&&r.record;const a=Es(t,e),u=[c];if("alias"in e){const t="string"==typeof e.alias?[e.alias]:e.alias;for(const e of t)u.push(jo({},c,{components:r?r.record.components:c.components,path:e,aliasOf:r?r.record:c}))}let f,p;for(const t of u){const{path:u}=t;if(n&&"/"!==u[0]){const e=n.record.path,r="/"===e[e.length-1]?"":"/";t.path=n.record.path+(u&&r+u)}if(f=vs(t,n,a),r?r.alias.push(f):(p=p||f,p!==f&&p.alias.push(f),i&&e.name&&!ws(f)&&s(e.name)),c.children){const e=c.children;for(let t=0;t<e.length;t++)o(e[t],f,r&&r.children[t])}r=r||f,(f.record.components&&Object.keys(f.record.components).length||f.record.name||f.record.redirect)&&l(f)}return p?()=>{s(p)}:$o}function s(e){if(ns(e)){const t=r.get(e);t&&(r.delete(e),n.splice(n.indexOf(t),1),t.children.forEach(s),t.alias.forEach(s))}else{const t=n.indexOf(e);t>-1&&(n.splice(t,1),e.record.name&&r.delete(e.record.name),e.children.forEach(s),e.alias.forEach(s))}}function l(e){let t=0;for(;t<n.length&&ds(e,n[t])>=0&&(e.record.path!==n[t].record.path||!Cs(e,n[t]));)t++;n.splice(t,0,e),e.record.name&&!ws(e)&&r.set(e.record.name,e)}return t=Es({strict:!1,end:!0,sensitive:!1},t),e.forEach((e=>o(e))),{addRoute:o,resolve:function(e,t){let o,s,l,i={};if("name"in e&&e.name){if(o=r.get(e.name),!o)throw is(1,{location:e});l=o.record.name,i=jo(bs(t.params,o.keys.filter((e=>!e.optional)).map((e=>e.name))),e.params&&bs(e.params,o.keys.map((e=>e.name)))),s=o.stringify(i)}else if("path"in e)s=e.path,o=n.find((e=>e.re.test(s))),o&&(i=o.parse(s),l=o.record.name);else{if(o=t.name?r.get(t.name):n.find((e=>e.re.test(t.path))),!o)throw is(1,{location:e,currentLocation:t});l=o.record.name,i=jo({},t.params,e.params),s=o.stringify(i)}const c=[];let a=o;for(;a;)c.unshift(a.record),a=a.parent;return{name:l,path:s,params:i,matched:c,meta:xs(c)}},removeRoute:s,getRoutes:function(){return n},getRecordMatcher:function(e){return r.get(e)}}}function bs(e,t){const n={};for(const r of t)r in e&&(n[r]=e[r]);return n}function _s(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(const r in e.components)t[r]="object"==typeof n?n[r]:n;return t}function ws(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function xs(e){return e.reduce(((e,t)=>jo(e,t.meta)),{})}function Es(e,t){const n={};for(const r in e)n[r]=r in t?t[r]:e[r];return n}function Cs(e,t){return t.children.some((t=>t===e||Cs(e,t)))}const Ss=/#/g,Os=/&/g,ks=/\//g,Ps=/=/g,Rs=/\?/g,js=/\+/g,Fs=/%5B/g,$s=/%5D/g,As=/%5E/g,Ts=/%60/g,Ms=/%7B/g,Is=/%7C/g,Ls=/%7D/g,Us=/%20/g;function Vs(e){return encodeURI(""+e).replace(Is,"|").replace(Fs,"[").replace($s,"]")}function Ns(e){return Vs(e).replace(js,"%2B").replace(Us,"+").replace(Ss,"%23").replace(Os,"%26").replace(Ts,"`").replace(Ms,"{").replace(Ls,"}").replace(As,"^")}function Bs(e){return null==e?"":function(e){return Vs(e).replace(Ss,"%23").replace(Rs,"%3F")}(e).replace(ks,"%2F")}function Ws(e){try{return decodeURIComponent(""+e)}catch(t){}return""+e}function Ds(e){const t={};if(""===e||"?"===e)return t;const n=("?"===e[0]?e.slice(1):e).split("&");for(let r=0;r<n.length;++r){const e=n[r].replace(js," "),o=e.indexOf("="),s=Ws(o<0?e:e.slice(0,o)),l=o<0?null:Ws(e.slice(o+1));if(s in t){let e=t[s];Ao(e)||(e=t[s]=[e]),e.push(l)}else t[s]=l}return t}function qs(e){let t="";for(let n in e){const r=e[n];if(n=Ns(n).replace(Ps,"%3D"),null==r){void 0!==r&&(t+=(t.length?"&":"")+n);continue}(Ao(r)?r.map((e=>e&&Ns(e))):[r&&Ns(r)]).forEach((e=>{void 0!==e&&(t+=(t.length?"&":"")+n,null!=e&&(t+="="+e))}))}return t}function Hs(e){const t={};for(const n in e){const r=e[n];void 0!==r&&(t[n]=Ao(r)?r.map((e=>null==e?null:""+e)):null==r?r:""+r)}return t}const zs=Symbol(""),Gs=Symbol(""),Ks=Symbol(""),Xs=Symbol(""),Qs=Symbol("");function Ys(){let e=[];return{add:function(t){return e.push(t),()=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)}},list:()=>e.slice(),reset:function(){e=[]}}}function Zs(e,t,n,r,o){const s=r&&(r.enterCallbacks[o]=r.enterCallbacks[o]||[]);return()=>new Promise(((l,i)=>{const c=e=>{var c;!1===e?i(is(4,{from:n,to:t})):e instanceof Error?i(e):"string"==typeof(c=e)||c&&"object"==typeof c?i(is(2,{from:t,to:e})):(s&&r.enterCallbacks[o]===s&&"function"==typeof e&&s.push(e),l())},a=e.call(r&&r.instances[o],t,n,c);let u=Promise.resolve(a);e.length<3&&(u=u.then(c)),u.catch((e=>i(e)))}))}function Js(e,t,n,r){const o=[];for(const l of e)for(const e in l.components){let i=l.components[e];if("beforeRouteEnter"===t||l.instances[e])if("object"==typeof(s=i)||"displayName"in s||"props"in s||"__vccOpts"in s){const s=(i.__vccOpts||i)[t];s&&o.push(Zs(s,n,r,l,e))}else{let s=i();o.push((()=>s.then((o=>{if(!o)return Promise.reject(new Error(`Couldn't resolve component "${e}" at "${l.path}"`));const s=(i=o).__esModule||"Module"===i[Symbol.toStringTag]?o.default:o;var i;l.components[e]=s;const c=(s.__vccOpts||s)[t];return c&&Zs(c,n,r,l,e)()}))))}}var s;return o}function el(e){const t=Kn(Ks),n=Kn(Xs),r=Jr((()=>t.resolve(mt(e.to)))),o=Jr((()=>{const{matched:e}=r.value,{length:t}=e,o=e[t-1],s=n.matched;if(!o||!s.length)return-1;const l=s.findIndex(Uo.bind(null,o));if(l>-1)return l;const i=nl(e[t-2]);return t>1&&nl(o)===i&&s[s.length-1].path!==i?s.findIndex(Uo.bind(null,e[t-2])):l})),s=Jr((()=>o.value>-1&&function(e,t){for(const n in t){const r=t[n],o=e[n];if("string"==typeof r){if(r!==o)return!1}else if(!Ao(o)||o.length!==r.length||r.some(((e,t)=>e!==o[t])))return!1}return!0}(n.params,r.value.params))),l=Jr((()=>o.value>-1&&o.value===n.matched.length-1&&Vo(n.params,r.value.params)));return{route:r,href:Jr((()=>r.value.href)),isActive:s,isExactActive:l,navigate:function(n={}){return function(e){if(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)return;if(e.defaultPrevented)return;if(void 0!==e.button&&0!==e.button)return;if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}e.preventDefault&&e.preventDefault();return!0}(n)?t[mt(e.replace)?"replace":"push"](mt(e.to)).catch($o):Promise.resolve()}}}const tl=ln({name:"RouterLink",compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:el,setup(e,{slots:t}){const n=Ze(el(e)),{options:r}=Kn(Ks),o=Jr((()=>({[rl(e.activeClass,r.linkActiveClass,"router-link-active")]:n.isActive,[rl(e.exactActiveClass,r.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive})));return()=>{const r=t.default&&t.default(n);return e.custom?r:eo("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:o.value},r)}}});function nl(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const rl=(e,t,n)=>null!=e?e:null!=t?t:n;function ol(e,t){if(!e)return null;const n=e(t);return 1===n.length?n[0]:n}const sl=ln({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:n}){const r=Kn(Qs),o=Jr((()=>e.route||r.value)),s=Kn(Gs,0),l=Jr((()=>{let e=mt(s);const{matched:t}=o.value;let n;for(;(n=t[e])&&!n.components;)e++;return e})),i=Jr((()=>o.value.matched[l.value]));Gn(Gs,Jr((()=>l.value+1))),Gn(zs,i),Gn(Qs,o);const c=dt(a,!1);var a;return en((()=>[c.value,i.value,e.name]),(([e,t,n],[r,o,s])=>{t&&(t.instances[n]=e,o&&o!==t&&e&&e===r&&(t.leaveGuards.size||(t.leaveGuards=o.leaveGuards),t.updateGuards.size||(t.updateGuards=o.updateGuards))),!e||!t||o&&Uo(t,o)&&r||(t.enterCallbacks[n]||[]).forEach((t=>t(e)))}),{flush:"post"}),()=>{const r=o.value,s=e.name,l=i.value,a=l&&l.components[s];if(!a)return ol(n.default,{Component:a,route:r});const u=l.props[s],f=u?!0===u?r.params:"function"==typeof u?u(r):u:null,p=eo(a,jo({},f,t,{onVnodeUnmounted:e=>{e.component.isUnmounted&&(l.instances[s]=null)},ref:c}));return ol(n.default,{Component:p,route:r})||p}}});const ll={},il=function(e,t,n){if(!t||0===t.length)return e();const r=document.getElementsByTagName("link");return Promise.all(t.map((e=>{if(e=function(e,t){return new URL(e,t).href}(e,n),e in ll)return;ll[e]=!0;const t=e.endsWith(".css"),o=t?'[rel="stylesheet"]':"";if(!!n)for(let n=r.length-1;n>=0;n--){const o=r[n];if(o.href===e&&(!t||"stylesheet"===o.rel))return}else if(document.querySelector(`link[href="${e}"]${o}`))return;const s=document.createElement("link");return s.rel=t?"stylesheet":"modulepreload",t||(s.as="script",s.crossOrigin=""),s.href=e,document.head.appendChild(s),t?new Promise(((t,n)=>{s.addEventListener("load",t),s.addEventListener("error",(()=>n(new Error(`Unable to preload CSS for ${e}`))))})):void 0}))).then((()=>e())).catch((e=>{const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}))},cl=[{path:"/",name:"Example",redirect:{name:"ExampleHelloIndex"},children:[{path:"/example",name:"ExampleHelloIndex",component:()=>il((()=>import("./Index-fa20481b.js")),["./Index-fa20481b.js","./Index-256cdac1.css"],import.meta.url)}]}],al=function(e){const t=ys(e.routes,e),n=e.parseQuery||Ds,r=e.stringifyQuery||qs,o=e.history,s=Ys(),l=Ys(),i=Ys(),c=dt(rs,!0);let a=rs;Ro&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const u=Fo.bind(null,(e=>""+e)),f=Fo.bind(null,Bs),p=Fo.bind(null,Ws);function d(e,s){if(s=jo({},s||c.value),"string"==typeof e){const r=Io(n,e,s.path),l=t.resolve({path:r.path},s),i=o.createHref(r.fullPath);return jo(r,l,{params:p(l.params),hash:Ws(r.hash),redirectedFrom:void 0,href:i})}let l;if("path"in e)l=jo({},e,{path:Io(n,e.path,s.path).path});else{const t=jo({},e.params);for(const e in t)null==t[e]&&delete t[e];l=jo({},e,{params:f(t)}),s.params=f(s.params)}const i=t.resolve(l,s),a=e.hash||"";i.params=u(p(i.params));const d=function(e,t){const n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}(r,jo({},e,{hash:(h=a,Vs(h).replace(Ms,"{").replace(Ls,"}").replace(As,"^")),path:i.path}));var h;const m=o.createHref(d);return jo({fullPath:d,hash:a,query:r===qs?Hs(e.query):e.query||{}},i,{redirectedFrom:void 0,href:m})}function h(e){return"string"==typeof e?Io(n,e,c.value.path):jo({},e)}function m(e,t){if(a!==e)return is(8,{from:t,to:e})}function g(e){return y(e)}function v(e){const t=e.matched[e.matched.length-1];if(t&&t.redirect){const{redirect:n}=t;let r="function"==typeof n?n(e):n;return"string"==typeof r&&(r=r.includes("?")||r.includes("#")?r=h(r):{path:r},r.params={}),jo({query:e.query,hash:e.hash,params:"path"in r?{}:e.params},r)}}function y(e,t){const n=a=d(e),o=c.value,s=e.state,l=e.force,i=!0===e.replace,u=v(n);if(u)return y(jo(h(u),{state:"object"==typeof u?jo({},s,u.state):s,force:l,replace:i}),t||n);const f=n;let p;return f.redirectedFrom=t,!l&&function(e,t,n){const r=t.matched.length-1,o=n.matched.length-1;return r>-1&&r===o&&Uo(t.matched[r],n.matched[o])&&Vo(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}(r,o,n)&&(p=is(16,{to:f,from:o}),F(o,o,!0,!1)),(p?Promise.resolve(p):w(f,o)).catch((e=>cs(e)?cs(e,2)?e:j(e):R(e,f,o))).then((e=>{if(e){if(cs(e,2))return y(jo({replace:i},h(e.to),{state:"object"==typeof e.to?jo({},s,e.to.state):s,force:l}),t||f)}else e=E(f,o,!0,i,s);return x(f,o,e),e}))}function b(e,t){const n=m(e,t);return n?Promise.reject(n):Promise.resolve()}function _(e){const t=T.values().next().value;return t&&"function"==typeof t.runWithContext?t.runWithContext(e):e()}function w(e,t){let n;const[r,o,i]=function(e,t){const n=[],r=[],o=[],s=Math.max(t.matched.length,e.matched.length);for(let l=0;l<s;l++){const s=t.matched[l];s&&(e.matched.find((e=>Uo(e,s)))?r.push(s):n.push(s));const i=e.matched[l];i&&(t.matched.find((e=>Uo(e,i)))||o.push(i))}return[n,r,o]}(e,t);n=Js(r.reverse(),"beforeRouteLeave",e,t);for(const s of r)s.leaveGuards.forEach((r=>{n.push(Zs(r,e,t))}));const c=b.bind(null,e,t);return n.push(c),I(n).then((()=>{n=[];for(const r of s.list())n.push(Zs(r,e,t));return n.push(c),I(n)})).then((()=>{n=Js(o,"beforeRouteUpdate",e,t);for(const r of o)r.updateGuards.forEach((r=>{n.push(Zs(r,e,t))}));return n.push(c),I(n)})).then((()=>{n=[];for(const r of i)if(r.beforeEnter)if(Ao(r.beforeEnter))for(const o of r.beforeEnter)n.push(Zs(o,e,t));else n.push(Zs(r.beforeEnter,e,t));return n.push(c),I(n)})).then((()=>(e.matched.forEach((e=>e.enterCallbacks={})),n=Js(i,"beforeRouteEnter",e,t),n.push(c),I(n)))).then((()=>{n=[];for(const r of l.list())n.push(Zs(r,e,t));return n.push(c),I(n)})).catch((e=>cs(e,8)?e:Promise.reject(e)))}function x(e,t,n){i.list().forEach((r=>_((()=>r(e,t,n)))))}function E(e,t,n,r,s){const l=m(e,t);if(l)return l;const i=t===rs,a=Ro?history.state:{};n&&(r||i?o.replace(e.fullPath,jo({scroll:i&&a&&a.scroll},s)):o.push(e.fullPath,s)),c.value=e,F(e,t,n,i),j()}let C;function S(){C||(C=o.listen(((e,t,n)=>{if(!M.listening)return;const r=d(e),s=v(r);if(s)return void y(jo(s,{replace:!0}),r).catch($o);a=r;const l=c.value;var i,u;Ro&&(i=Qo(l.fullPath,n.delta),u=Ko(),Yo.set(i,u)),w(r,l).catch((e=>cs(e,12)?e:cs(e,2)?(y(e.to,r).then((e=>{cs(e,20)&&!n.delta&&n.type===Wo.pop&&o.go(-1,!1)})).catch($o),Promise.reject()):(n.delta&&o.go(-n.delta,!1),R(e,r,l)))).then((e=>{(e=e||E(r,l,!1))&&(n.delta&&!cs(e,8)?o.go(-n.delta,!1):n.type===Wo.pop&&cs(e,20)&&o.go(-1,!1)),x(r,l,e)})).catch($o)})))}let O,k=Ys(),P=Ys();function R(e,t,n){j(e);const r=P.list();return r.length?r.forEach((r=>r(e,t,n))):console.error(e),Promise.reject(e)}function j(e){return O||(O=!e,S(),k.list().forEach((([t,n])=>e?n(e):t())),k.reset()),e}function F(t,n,r,o){const{scrollBehavior:s}=e;if(!Ro||!s)return Promise.resolve();const l=!r&&function(e){const t=Yo.get(e);return Yo.delete(e),t}(Qo(t.fullPath,0))||(o||!r)&&history.state&&history.state.scroll||null;return Ft().then((()=>s(t,n,l))).then((e=>e&&Xo(e))).catch((e=>R(e,t,n)))}const $=e=>o.go(e);let A;const T=new Set,M={currentRoute:c,listening:!0,addRoute:function(e,n){let r,o;return ns(e)?(r=t.getRecordMatcher(e),o=n):o=e,t.addRoute(o,r)},removeRoute:function(e){const n=t.getRecordMatcher(e);n&&t.removeRoute(n)},hasRoute:function(e){return!!t.getRecordMatcher(e)},getRoutes:function(){return t.getRoutes().map((e=>e.record))},resolve:d,options:e,push:g,replace:function(e){return g(jo(h(e),{replace:!0}))},go:$,back:()=>$(-1),forward:()=>$(1),beforeEach:s.add,beforeResolve:l.add,afterEach:i.add,onError:P.add,isReady:function(){return O&&c.value!==rs?Promise.resolve():new Promise(((e,t)=>{k.add([e,t])}))},install(e){e.component("RouterLink",tl),e.component("RouterView",sl),e.config.globalProperties.$router=this,Object.defineProperty(e.config.globalProperties,"$route",{enumerable:!0,get:()=>mt(c)}),Ro&&!A&&c.value===rs&&(A=!0,g(o.location).catch((e=>{})));const t={};for(const r in rs)Object.defineProperty(t,r,{get:()=>c.value[r],enumerable:!0});e.provide(Ks,this),e.provide(Xs,Je(t)),e.provide(Qs,c);const n=e.unmount;T.add(e),e.unmount=function(){T.delete(e),T.size<1&&(a=rs,C&&C(),C=null,c.value=rs,A=!1,O=!1),n()}}};function I(e){return e.reduce(((e,t)=>e.then((()=>_(t)))),Promise.resolve())}return M}({history:((ul=location.host?ul||location.pathname+location.search:"").includes("#")||(ul+="#"),ts(ul)),routes:cl});var ul;const fl=((...e)=>{const t=(Eo||(Eo=fr(xo))).createApp(...e),{mount:n}=t;return t.mount=e=>{const r=function(e){if(g(e)){return document.querySelector(e)}return e}(e);if(!r)return;const o=t._component;m(o)||o.render||o.template||(o.template=r.innerHTML),r.innerHTML="";const s=n(r,!1,r instanceof SVGElement);return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),s},t})(So);fl.config.productionTip=!1;for(const pl in Po)fl.component(pl,Po[pl]);fl.use(al).mount("#app");export{Co as _,Tr as a,Cr as c,_r as o};
+  */const jo=Object.assign;function Fo(e,t){const n={};for(const r in t){const o=t[r];n[r]=Ao(o)?o.map(e):e(o)}return n}const $o=()=>{},Ao=Array.isArray,To=/\/$/,Mo=e=>e.replace(To,"");function Io(e,t,n="/"){let r,o={},s="",l="";const i=t.indexOf("#");let c=t.indexOf("?");return i<c&&i>=0&&(c=-1),c>-1&&(r=t.slice(0,c),s=t.slice(c+1,i>-1?i:t.length),o=e(s)),i>-1&&(r=r||t.slice(0,i),l=t.slice(i,t.length)),r=function(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),r=e.split("/"),o=r[r.length-1];".."!==o&&"."!==o||r.push("");let s,l,i=n.length-1;for(s=0;s<r.length;s++)if(l=r[s],"."!==l){if(".."!==l)break;i>1&&i--}return n.slice(0,i).join("/")+"/"+r.slice(s-(s===r.length?1:0)).join("/")}(null!=r?r:t,n),{fullPath:r+(s&&"?")+s+l,path:r,query:o,hash:l}}function Lo(e,t){return t&&e.toLowerCase().startsWith(t.toLowerCase())?e.slice(t.length)||"/":e}function Uo(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function Vo(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(!No(e[n],t[n]))return!1;return!0}function No(e,t){return Ao(e)?Bo(e,t):Ao(t)?Bo(t,e):e===t}function Bo(e,t){return Ao(t)?e.length===t.length&&e.every(((e,n)=>e===t[n])):1===e.length&&e[0]===t}var Wo,Do,qo,Ho;(Do=Wo||(Wo={})).pop="pop",Do.push="push",(Ho=qo||(qo={})).back="back",Ho.forward="forward",Ho.unknown="";const zo=/^[^#]+#/;function Go(e,t){return e.replace(zo,"#")+t}const Ko=()=>({left:window.pageXOffset,top:window.pageYOffset});function Xo(e){let t;if("el"in e){const n=e.el,r="string"==typeof n&&n.startsWith("#"),o="string"==typeof n?r?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!o)return;t=function(e,t){const n=document.documentElement.getBoundingClientRect(),r=e.getBoundingClientRect();return{behavior:t.behavior,left:r.left-n.left-(t.left||0),top:r.top-n.top-(t.top||0)}}(o,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(null!=t.left?t.left:window.pageXOffset,null!=t.top?t.top:window.pageYOffset)}function Qo(e,t){return(history.state?history.state.position-t:-1)+e}const Yo=new Map;let Zo=()=>location.protocol+"//"+location.host;function Jo(e,t){const{pathname:n,search:r,hash:o}=t,s=e.indexOf("#");if(s>-1){let t=o.includes(e.slice(s))?e.slice(s).length:1,n=o.slice(t);return"/"!==n[0]&&(n="/"+n),Lo(n,"")}return Lo(n,e)+r+o}function es(e,t,n,r=!1,o=!1){return{back:e,current:t,forward:n,replaced:r,position:window.history.length,scroll:o?Ko():null}}function ts(e){const t=function(e){const{history:t,location:n}=window,r={value:Jo(e,n)},o={value:t.state};function s(r,s,l){const i=e.indexOf("#"),c=i>-1?(n.host&&document.querySelector("base")?e:e.slice(i))+r:Zo()+e+r;try{t[l?"replaceState":"pushState"](s,"",c),o.value=s}catch(a){console.error(a),n[l?"replace":"assign"](c)}}return o.value||s(r.value,{back:null,current:r.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0),{location:r,state:o,push:function(e,n){const l=jo({},o.value,t.state,{forward:e,scroll:Ko()});s(l.current,l,!0),s(e,jo({},es(r.value,e,null),{position:l.position+1},n),!1),r.value=e},replace:function(e,n){s(e,jo({},t.state,es(o.value.back,e,o.value.forward,!0),n,{position:o.value.position}),!0),r.value=e}}}(e=function(e){if(!e)if(Ro){const t=document.querySelector("base");e=(e=t&&t.getAttribute("href")||"/").replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return"/"!==e[0]&&"#"!==e[0]&&(e="/"+e),Mo(e)}(e)),n=function(e,t,n,r){let o=[],s=[],l=null;const i=({state:s})=>{const i=Jo(e,location),c=n.value,a=t.value;let u=0;if(s){if(n.value=i,t.value=s,l&&l===c)return void(l=null);u=a?s.position-a.position:0}else r(i);o.forEach((e=>{e(n.value,c,{delta:u,type:Wo.pop,direction:u?u>0?qo.forward:qo.back:qo.unknown})}))};function c(){const{history:e}=window;e.state&&e.replaceState(jo({},e.state,{scroll:Ko()}),"")}return window.addEventListener("popstate",i),window.addEventListener("beforeunload",c,{passive:!0}),{pauseListeners:function(){l=n.value},listen:function(e){o.push(e);const t=()=>{const t=o.indexOf(e);t>-1&&o.splice(t,1)};return s.push(t),t},destroy:function(){for(const e of s)e();s=[],window.removeEventListener("popstate",i),window.removeEventListener("beforeunload",c)}}}(e,t.state,t.location,t.replace);const r=jo({location:"",base:e,go:function(e,t=!0){t||n.pauseListeners(),history.go(e)},createHref:Go.bind(null,e)},t,n);return Object.defineProperty(r,"location",{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(r,"state",{enumerable:!0,get:()=>t.state.value}),r}function ns(e){return"string"==typeof e||"symbol"==typeof e}const rs={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},os=Symbol("");var ss,ls;function is(e,t){return jo(new Error,{type:e,[os]:!0},t)}function cs(e,t){return e instanceof Error&&os in e&&(null==t||!!(e.type&t))}(ls=ss||(ss={}))[ls.aborted=4]="aborted",ls[ls.cancelled=8]="cancelled",ls[ls.duplicated=16]="duplicated";const as="[^/]+?",us={sensitive:!1,strict:!1,start:!0,end:!0},fs=/[.+*?^${}()[\]/\\]/g;function ps(e,t){let n=0;for(;n<e.length&&n<t.length;){const r=t[n]-e[n];if(r)return r;n++}return e.length<t.length?1===e.length&&80===e[0]?-1:1:e.length>t.length?1===t.length&&80===t[0]?1:-1:0}function ds(e,t){let n=0;const r=e.score,o=t.score;for(;n<r.length&&n<o.length;){const e=ps(r[n],o[n]);if(e)return e;n++}if(1===Math.abs(o.length-r.length)){if(hs(r))return 1;if(hs(o))return-1}return o.length-r.length}function hs(e){const t=e[e.length-1];return e.length>0&&t[t.length-1]<0}const ms={type:0,value:""},gs=/[a-zA-Z0-9_]/;function vs(e,t,n){const r=function(e,t){const n=jo({},us,t),r=[];let o=n.start?"^":"";const s=[];for(const c of e){const e=c.length?[]:[90];n.strict&&!c.length&&(o+="/");for(let t=0;t<c.length;t++){const r=c[t];let l=40+(n.sensitive?.25:0);if(0===r.type)t||(o+="/"),o+=r.value.replace(fs,"\\$&"),l+=40;else if(1===r.type){const{value:e,repeatable:n,optional:a,regexp:u}=r;s.push({name:e,repeatable:n,optional:a});const f=u||as;if(f!==as){l+=10;try{new RegExp(`(${f})`)}catch(i){throw new Error(`Invalid custom RegExp for param "${e}" (${f}): `+i.message)}}let p=n?`((?:${f})(?:/(?:${f}))*)`:`(${f})`;t||(p=a&&c.length<2?`(?:/${p})`:"/"+p),a&&(p+="?"),o+=p,l+=20,a&&(l+=-8),n&&(l+=-20),".*"===f&&(l+=-50)}e.push(l)}r.push(e)}if(n.strict&&n.end){const e=r.length-1;r[e][r[e].length-1]+=.7000000000000001}n.strict||(o+="/?"),n.end?o+="$":n.strict&&(o+="(?:/|$)");const l=new RegExp(o,n.sensitive?"":"i");return{re:l,score:r,keys:s,parse:function(e){const t=e.match(l),n={};if(!t)return null;for(let r=1;r<t.length;r++){const e=t[r]||"",o=s[r-1];n[o.name]=e&&o.repeatable?e.split("/"):e}return n},stringify:function(t){let n="",r=!1;for(const o of e){r&&n.endsWith("/")||(n+="/"),r=!1;for(const e of o)if(0===e.type)n+=e.value;else if(1===e.type){const{value:s,repeatable:l,optional:i}=e,c=s in t?t[s]:"";if(Ao(c)&&!l)throw new Error(`Provided param "${s}" is an array but it is not repeatable (* or + modifiers)`);const a=Ao(c)?c.join("/"):c;if(!a){if(!i)throw new Error(`Missing required param "${s}"`);o.length<2&&(n.endsWith("/")?n=n.slice(0,-1):r=!0)}n+=a}}return n||"/"}}}(function(e){if(!e)return[[]];if("/"===e)return[[ms]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function t(e){throw new Error(`ERR (${n})/"${a}": ${e}`)}let n=0,r=n;const o=[];let s;function l(){s&&o.push(s),s=[]}let i,c=0,a="",u="";function f(){a&&(0===n?s.push({type:0,value:a}):1===n||2===n||3===n?(s.length>1&&("*"===i||"+"===i)&&t(`A repeatable param (${a}) must be alone in its segment. eg: '/:ids+.`),s.push({type:1,value:a,regexp:u,repeatable:"*"===i||"+"===i,optional:"*"===i||"?"===i})):t("Invalid state to consume buffer"),a="")}function p(){a+=i}for(;c<e.length;)if(i=e[c++],"\\"!==i||2===n)switch(n){case 0:"/"===i?(a&&f(),l()):":"===i?(f(),n=1):p();break;case 4:p(),n=r;break;case 1:"("===i?n=2:gs.test(i)?p():(f(),n=0,"*"!==i&&"?"!==i&&"+"!==i&&c--);break;case 2:")"===i?"\\"==u[u.length-1]?u=u.slice(0,-1)+i:n=3:u+=i;break;case 3:f(),n=0,"*"!==i&&"?"!==i&&"+"!==i&&c--,u="";break;default:t("Unknown state")}else r=n,n=4;return 2===n&&t(`Unfinished custom RegExp for param "${a}"`),f(),l(),o}(e.path),n),o=jo(r,{record:e,parent:t,children:[],alias:[]});return t&&!o.record.aliasOf==!t.record.aliasOf&&t.children.push(o),o}function ys(e,t){const n=[],r=new Map;function o(e,n,r){const i=!r,c=function(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:_s(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||null:e.component&&{default:e.component}}}(e);c.aliasOf=r&&r.record;const a=Es(t,e),u=[c];if("alias"in e){const t="string"==typeof e.alias?[e.alias]:e.alias;for(const e of t)u.push(jo({},c,{components:r?r.record.components:c.components,path:e,aliasOf:r?r.record:c}))}let f,p;for(const t of u){const{path:u}=t;if(n&&"/"!==u[0]){const e=n.record.path,r="/"===e[e.length-1]?"":"/";t.path=n.record.path+(u&&r+u)}if(f=vs(t,n,a),r?r.alias.push(f):(p=p||f,p!==f&&p.alias.push(f),i&&e.name&&!ws(f)&&s(e.name)),c.children){const e=c.children;for(let t=0;t<e.length;t++)o(e[t],f,r&&r.children[t])}r=r||f,(f.record.components&&Object.keys(f.record.components).length||f.record.name||f.record.redirect)&&l(f)}return p?()=>{s(p)}:$o}function s(e){if(ns(e)){const t=r.get(e);t&&(r.delete(e),n.splice(n.indexOf(t),1),t.children.forEach(s),t.alias.forEach(s))}else{const t=n.indexOf(e);t>-1&&(n.splice(t,1),e.record.name&&r.delete(e.record.name),e.children.forEach(s),e.alias.forEach(s))}}function l(e){let t=0;for(;t<n.length&&ds(e,n[t])>=0&&(e.record.path!==n[t].record.path||!Cs(e,n[t]));)t++;n.splice(t,0,e),e.record.name&&!ws(e)&&r.set(e.record.name,e)}return t=Es({strict:!1,end:!0,sensitive:!1},t),e.forEach((e=>o(e))),{addRoute:o,resolve:function(e,t){let o,s,l,i={};if("name"in e&&e.name){if(o=r.get(e.name),!o)throw is(1,{location:e});l=o.record.name,i=jo(bs(t.params,o.keys.filter((e=>!e.optional)).map((e=>e.name))),e.params&&bs(e.params,o.keys.map((e=>e.name)))),s=o.stringify(i)}else if("path"in e)s=e.path,o=n.find((e=>e.re.test(s))),o&&(i=o.parse(s),l=o.record.name);else{if(o=t.name?r.get(t.name):n.find((e=>e.re.test(t.path))),!o)throw is(1,{location:e,currentLocation:t});l=o.record.name,i=jo({},t.params,e.params),s=o.stringify(i)}const c=[];let a=o;for(;a;)c.unshift(a.record),a=a.parent;return{name:l,path:s,params:i,matched:c,meta:xs(c)}},removeRoute:s,getRoutes:function(){return n},getRecordMatcher:function(e){return r.get(e)}}}function bs(e,t){const n={};for(const r of t)r in e&&(n[r]=e[r]);return n}function _s(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(const r in e.components)t[r]="object"==typeof n?n[r]:n;return t}function ws(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function xs(e){return e.reduce(((e,t)=>jo(e,t.meta)),{})}function Es(e,t){const n={};for(const r in e)n[r]=r in t?t[r]:e[r];return n}function Cs(e,t){return t.children.some((t=>t===e||Cs(e,t)))}const Ss=/#/g,Os=/&/g,ks=/\//g,Ps=/=/g,Rs=/\?/g,js=/\+/g,Fs=/%5B/g,$s=/%5D/g,As=/%5E/g,Ts=/%60/g,Ms=/%7B/g,Is=/%7C/g,Ls=/%7D/g,Us=/%20/g;function Vs(e){return encodeURI(""+e).replace(Is,"|").replace(Fs,"[").replace($s,"]")}function Ns(e){return Vs(e).replace(js,"%2B").replace(Us,"+").replace(Ss,"%23").replace(Os,"%26").replace(Ts,"`").replace(Ms,"{").replace(Ls,"}").replace(As,"^")}function Bs(e){return null==e?"":function(e){return Vs(e).replace(Ss,"%23").replace(Rs,"%3F")}(e).replace(ks,"%2F")}function Ws(e){try{return decodeURIComponent(""+e)}catch(t){}return""+e}function Ds(e){const t={};if(""===e||"?"===e)return t;const n=("?"===e[0]?e.slice(1):e).split("&");for(let r=0;r<n.length;++r){const e=n[r].replace(js," "),o=e.indexOf("="),s=Ws(o<0?e:e.slice(0,o)),l=o<0?null:Ws(e.slice(o+1));if(s in t){let e=t[s];Ao(e)||(e=t[s]=[e]),e.push(l)}else t[s]=l}return t}function qs(e){let t="";for(let n in e){const r=e[n];if(n=Ns(n).replace(Ps,"%3D"),null==r){void 0!==r&&(t+=(t.length?"&":"")+n);continue}(Ao(r)?r.map((e=>e&&Ns(e))):[r&&Ns(r)]).forEach((e=>{void 0!==e&&(t+=(t.length?"&":"")+n,null!=e&&(t+="="+e))}))}return t}function Hs(e){const t={};for(const n in e){const r=e[n];void 0!==r&&(t[n]=Ao(r)?r.map((e=>null==e?null:""+e)):null==r?r:""+r)}return t}const zs=Symbol(""),Gs=Symbol(""),Ks=Symbol(""),Xs=Symbol(""),Qs=Symbol("");function Ys(){let e=[];return{add:function(t){return e.push(t),()=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)}},list:()=>e.slice(),reset:function(){e=[]}}}function Zs(e,t,n,r,o){const s=r&&(r.enterCallbacks[o]=r.enterCallbacks[o]||[]);return()=>new Promise(((l,i)=>{const c=e=>{var c;!1===e?i(is(4,{from:n,to:t})):e instanceof Error?i(e):"string"==typeof(c=e)||c&&"object"==typeof c?i(is(2,{from:t,to:e})):(s&&r.enterCallbacks[o]===s&&"function"==typeof e&&s.push(e),l())},a=e.call(r&&r.instances[o],t,n,c);let u=Promise.resolve(a);e.length<3&&(u=u.then(c)),u.catch((e=>i(e)))}))}function Js(e,t,n,r){const o=[];for(const l of e)for(const e in l.components){let i=l.components[e];if("beforeRouteEnter"===t||l.instances[e])if("object"==typeof(s=i)||"displayName"in s||"props"in s||"__vccOpts"in s){const s=(i.__vccOpts||i)[t];s&&o.push(Zs(s,n,r,l,e))}else{let s=i();o.push((()=>s.then((o=>{if(!o)return Promise.reject(new Error(`Couldn't resolve component "${e}" at "${l.path}"`));const s=(i=o).__esModule||"Module"===i[Symbol.toStringTag]?o.default:o;var i;l.components[e]=s;const c=(s.__vccOpts||s)[t];return c&&Zs(c,n,r,l,e)()}))))}}var s;return o}function el(e){const t=Kn(Ks),n=Kn(Xs),r=Jr((()=>t.resolve(mt(e.to)))),o=Jr((()=>{const{matched:e}=r.value,{length:t}=e,o=e[t-1],s=n.matched;if(!o||!s.length)return-1;const l=s.findIndex(Uo.bind(null,o));if(l>-1)return l;const i=nl(e[t-2]);return t>1&&nl(o)===i&&s[s.length-1].path!==i?s.findIndex(Uo.bind(null,e[t-2])):l})),s=Jr((()=>o.value>-1&&function(e,t){for(const n in t){const r=t[n],o=e[n];if("string"==typeof r){if(r!==o)return!1}else if(!Ao(o)||o.length!==r.length||r.some(((e,t)=>e!==o[t])))return!1}return!0}(n.params,r.value.params))),l=Jr((()=>o.value>-1&&o.value===n.matched.length-1&&Vo(n.params,r.value.params)));return{route:r,href:Jr((()=>r.value.href)),isActive:s,isExactActive:l,navigate:function(n={}){return function(e){if(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)return;if(e.defaultPrevented)return;if(void 0!==e.button&&0!==e.button)return;if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}e.preventDefault&&e.preventDefault();return!0}(n)?t[mt(e.replace)?"replace":"push"](mt(e.to)).catch($o):Promise.resolve()}}}const tl=ln({name:"RouterLink",compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:el,setup(e,{slots:t}){const n=Ze(el(e)),{options:r}=Kn(Ks),o=Jr((()=>({[rl(e.activeClass,r.linkActiveClass,"router-link-active")]:n.isActive,[rl(e.exactActiveClass,r.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive})));return()=>{const r=t.default&&t.default(n);return e.custom?r:eo("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:o.value},r)}}});function nl(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const rl=(e,t,n)=>null!=e?e:null!=t?t:n;function ol(e,t){if(!e)return null;const n=e(t);return 1===n.length?n[0]:n}const sl=ln({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:n}){const r=Kn(Qs),o=Jr((()=>e.route||r.value)),s=Kn(Gs,0),l=Jr((()=>{let e=mt(s);const{matched:t}=o.value;let n;for(;(n=t[e])&&!n.components;)e++;return e})),i=Jr((()=>o.value.matched[l.value]));Gn(Gs,Jr((()=>l.value+1))),Gn(zs,i),Gn(Qs,o);const c=dt(a,!1);var a;return en((()=>[c.value,i.value,e.name]),(([e,t,n],[r,o,s])=>{t&&(t.instances[n]=e,o&&o!==t&&e&&e===r&&(t.leaveGuards.size||(t.leaveGuards=o.leaveGuards),t.updateGuards.size||(t.updateGuards=o.updateGuards))),!e||!t||o&&Uo(t,o)&&r||(t.enterCallbacks[n]||[]).forEach((t=>t(e)))}),{flush:"post"}),()=>{const r=o.value,s=e.name,l=i.value,a=l&&l.components[s];if(!a)return ol(n.default,{Component:a,route:r});const u=l.props[s],f=u?!0===u?r.params:"function"==typeof u?u(r):u:null,p=eo(a,jo({},f,t,{onVnodeUnmounted:e=>{e.component.isUnmounted&&(l.instances[s]=null)},ref:c}));return ol(n.default,{Component:p,route:r})||p}}});const ll={},il=function(e,t,n){if(!t||0===t.length)return e();const r=document.getElementsByTagName("link");return Promise.all(t.map((e=>{if(e=function(e,t){return new URL(e,t).href}(e,n),e in ll)return;ll[e]=!0;const t=e.endsWith(".css"),o=t?'[rel="stylesheet"]':"";if(!!n)for(let n=r.length-1;n>=0;n--){const o=r[n];if(o.href===e&&(!t||"stylesheet"===o.rel))return}else if(document.querySelector(`link[href="${e}"]${o}`))return;const s=document.createElement("link");return s.rel=t?"stylesheet":"modulepreload",t||(s.as="script",s.crossOrigin=""),s.href=e,document.head.appendChild(s),t?new Promise(((t,n)=>{s.addEventListener("load",t),s.addEventListener("error",(()=>n(new Error(`Unable to preload CSS for ${e}`))))})):void 0}))).then((()=>e())).catch((e=>{const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=e,window.dispatchEvent(t),!t.defaultPrevented)throw e}))},cl=[{path:"/",name:"Example",redirect:{name:"ExampleHelloIndex"},children:[{path:"/example",name:"ExampleHelloIndex",component:()=>il((()=>import("./Index-630507e4.js")),["./Index-630507e4.js","./Index-812274cb.css"],import.meta.url)}]}],al=function(e){const t=ys(e.routes,e),n=e.parseQuery||Ds,r=e.stringifyQuery||qs,o=e.history,s=Ys(),l=Ys(),i=Ys(),c=dt(rs,!0);let a=rs;Ro&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const u=Fo.bind(null,(e=>""+e)),f=Fo.bind(null,Bs),p=Fo.bind(null,Ws);function d(e,s){if(s=jo({},s||c.value),"string"==typeof e){const r=Io(n,e,s.path),l=t.resolve({path:r.path},s),i=o.createHref(r.fullPath);return jo(r,l,{params:p(l.params),hash:Ws(r.hash),redirectedFrom:void 0,href:i})}let l;if("path"in e)l=jo({},e,{path:Io(n,e.path,s.path).path});else{const t=jo({},e.params);for(const e in t)null==t[e]&&delete t[e];l=jo({},e,{params:f(t)}),s.params=f(s.params)}const i=t.resolve(l,s),a=e.hash||"";i.params=u(p(i.params));const d=function(e,t){const n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}(r,jo({},e,{hash:(h=a,Vs(h).replace(Ms,"{").replace(Ls,"}").replace(As,"^")),path:i.path}));var h;const m=o.createHref(d);return jo({fullPath:d,hash:a,query:r===qs?Hs(e.query):e.query||{}},i,{redirectedFrom:void 0,href:m})}function h(e){return"string"==typeof e?Io(n,e,c.value.path):jo({},e)}function m(e,t){if(a!==e)return is(8,{from:t,to:e})}function g(e){return y(e)}function v(e){const t=e.matched[e.matched.length-1];if(t&&t.redirect){const{redirect:n}=t;let r="function"==typeof n?n(e):n;return"string"==typeof r&&(r=r.includes("?")||r.includes("#")?r=h(r):{path:r},r.params={}),jo({query:e.query,hash:e.hash,params:"path"in r?{}:e.params},r)}}function y(e,t){const n=a=d(e),o=c.value,s=e.state,l=e.force,i=!0===e.replace,u=v(n);if(u)return y(jo(h(u),{state:"object"==typeof u?jo({},s,u.state):s,force:l,replace:i}),t||n);const f=n;let p;return f.redirectedFrom=t,!l&&function(e,t,n){const r=t.matched.length-1,o=n.matched.length-1;return r>-1&&r===o&&Uo(t.matched[r],n.matched[o])&&Vo(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}(r,o,n)&&(p=is(16,{to:f,from:o}),F(o,o,!0,!1)),(p?Promise.resolve(p):w(f,o)).catch((e=>cs(e)?cs(e,2)?e:j(e):R(e,f,o))).then((e=>{if(e){if(cs(e,2))return y(jo({replace:i},h(e.to),{state:"object"==typeof e.to?jo({},s,e.to.state):s,force:l}),t||f)}else e=E(f,o,!0,i,s);return x(f,o,e),e}))}function b(e,t){const n=m(e,t);return n?Promise.reject(n):Promise.resolve()}function _(e){const t=T.values().next().value;return t&&"function"==typeof t.runWithContext?t.runWithContext(e):e()}function w(e,t){let n;const[r,o,i]=function(e,t){const n=[],r=[],o=[],s=Math.max(t.matched.length,e.matched.length);for(let l=0;l<s;l++){const s=t.matched[l];s&&(e.matched.find((e=>Uo(e,s)))?r.push(s):n.push(s));const i=e.matched[l];i&&(t.matched.find((e=>Uo(e,i)))||o.push(i))}return[n,r,o]}(e,t);n=Js(r.reverse(),"beforeRouteLeave",e,t);for(const s of r)s.leaveGuards.forEach((r=>{n.push(Zs(r,e,t))}));const c=b.bind(null,e,t);return n.push(c),I(n).then((()=>{n=[];for(const r of s.list())n.push(Zs(r,e,t));return n.push(c),I(n)})).then((()=>{n=Js(o,"beforeRouteUpdate",e,t);for(const r of o)r.updateGuards.forEach((r=>{n.push(Zs(r,e,t))}));return n.push(c),I(n)})).then((()=>{n=[];for(const r of i)if(r.beforeEnter)if(Ao(r.beforeEnter))for(const o of r.beforeEnter)n.push(Zs(o,e,t));else n.push(Zs(r.beforeEnter,e,t));return n.push(c),I(n)})).then((()=>(e.matched.forEach((e=>e.enterCallbacks={})),n=Js(i,"beforeRouteEnter",e,t),n.push(c),I(n)))).then((()=>{n=[];for(const r of l.list())n.push(Zs(r,e,t));return n.push(c),I(n)})).catch((e=>cs(e,8)?e:Promise.reject(e)))}function x(e,t,n){i.list().forEach((r=>_((()=>r(e,t,n)))))}function E(e,t,n,r,s){const l=m(e,t);if(l)return l;const i=t===rs,a=Ro?history.state:{};n&&(r||i?o.replace(e.fullPath,jo({scroll:i&&a&&a.scroll},s)):o.push(e.fullPath,s)),c.value=e,F(e,t,n,i),j()}let C;function S(){C||(C=o.listen(((e,t,n)=>{if(!M.listening)return;const r=d(e),s=v(r);if(s)return void y(jo(s,{replace:!0}),r).catch($o);a=r;const l=c.value;var i,u;Ro&&(i=Qo(l.fullPath,n.delta),u=Ko(),Yo.set(i,u)),w(r,l).catch((e=>cs(e,12)?e:cs(e,2)?(y(e.to,r).then((e=>{cs(e,20)&&!n.delta&&n.type===Wo.pop&&o.go(-1,!1)})).catch($o),Promise.reject()):(n.delta&&o.go(-n.delta,!1),R(e,r,l)))).then((e=>{(e=e||E(r,l,!1))&&(n.delta&&!cs(e,8)?o.go(-n.delta,!1):n.type===Wo.pop&&cs(e,20)&&o.go(-1,!1)),x(r,l,e)})).catch($o)})))}let O,k=Ys(),P=Ys();function R(e,t,n){j(e);const r=P.list();return r.length?r.forEach((r=>r(e,t,n))):console.error(e),Promise.reject(e)}function j(e){return O||(O=!e,S(),k.list().forEach((([t,n])=>e?n(e):t())),k.reset()),e}function F(t,n,r,o){const{scrollBehavior:s}=e;if(!Ro||!s)return Promise.resolve();const l=!r&&function(e){const t=Yo.get(e);return Yo.delete(e),t}(Qo(t.fullPath,0))||(o||!r)&&history.state&&history.state.scroll||null;return Ft().then((()=>s(t,n,l))).then((e=>e&&Xo(e))).catch((e=>R(e,t,n)))}const $=e=>o.go(e);let A;const T=new Set,M={currentRoute:c,listening:!0,addRoute:function(e,n){let r,o;return ns(e)?(r=t.getRecordMatcher(e),o=n):o=e,t.addRoute(o,r)},removeRoute:function(e){const n=t.getRecordMatcher(e);n&&t.removeRoute(n)},hasRoute:function(e){return!!t.getRecordMatcher(e)},getRoutes:function(){return t.getRoutes().map((e=>e.record))},resolve:d,options:e,push:g,replace:function(e){return g(jo(h(e),{replace:!0}))},go:$,back:()=>$(-1),forward:()=>$(1),beforeEach:s.add,beforeResolve:l.add,afterEach:i.add,onError:P.add,isReady:function(){return O&&c.value!==rs?Promise.resolve():new Promise(((e,t)=>{k.add([e,t])}))},install(e){e.component("RouterLink",tl),e.component("RouterView",sl),e.config.globalProperties.$router=this,Object.defineProperty(e.config.globalProperties,"$route",{enumerable:!0,get:()=>mt(c)}),Ro&&!A&&c.value===rs&&(A=!0,g(o.location).catch((e=>{})));const t={};for(const r in rs)Object.defineProperty(t,r,{get:()=>c.value[r],enumerable:!0});e.provide(Ks,this),e.provide(Xs,Je(t)),e.provide(Qs,c);const n=e.unmount;T.add(e),e.unmount=function(){T.delete(e),T.size<1&&(a=rs,C&&C(),C=null,c.value=rs,A=!1,O=!1),n()}}};function I(e){return e.reduce(((e,t)=>e.then((()=>_(t)))),Promise.resolve())}return M}({history:((ul=location.host?ul||location.pathname+location.search:"").includes("#")||(ul+="#"),ts(ul)),routes:cl});var ul;const fl=((...e)=>{const t=(Eo||(Eo=fr(xo))).createApp(...e),{mount:n}=t;return t.mount=e=>{const r=function(e){if(g(e)){return document.querySelector(e)}return e}(e);if(!r)return;const o=t._component;m(o)||o.render||o.template||(o.template=r.innerHTML),r.innerHTML="";const s=n(r,!1,r instanceof SVGElement);return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),s},t})(So);fl.config.productionTip=!1;for(const pl in Po)fl.component(pl,Po[pl]);fl.use(al).mount("#app");export{Co as _,Tr as a,Cr as c,_r as o};
diff --git a/public/dist/index.html b/public/dist/index.html
index a04091f..f66fd07 100644
--- a/public/dist/index.html
+++ b/public/dist/index.html
@@ -84,7 +84,7 @@
         }
       }
     </style>
-    <script type="module" crossorigin src="./assets/index-05e4e2cc.js"></script>
+    <script type="module" crossorigin src="./assets/index-94991f0a.js"></script>
     <link rel="stylesheet" href="./assets/index-b7b2ffb7.css">
   </head>
   <body>
diff --git a/public/html/loading.html b/public/html/loading.html
new file mode 100644
index 0000000..9d1520b
--- /dev/null
+++ b/public/html/loading.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" />
+    <style>
+      #loadingPage {
+        background-color: #dedede;
+        font-size: 12px;
+      }
+      .base {
+        left: 50%;
+        position: absolute;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+      .desc {
+        margin: 0, 0, 20px, 0;
+      }
+      .loading,
+      .loading > div {
+        position: relative;
+        box-sizing: border-box;
+      }
+      .loading {
+        display: block;
+        font-size: 0;
+        color: #06b359;
+      }
+      .loading.la-dark {
+        color: #07C160;
+      }
+      .loading > div {
+        display: inline-block;
+        float: none;
+        background-color: currentColor;
+        border: 0 solid currentColor;
+      }
+      .loading {
+        width: 92px;
+        height: 92px;
+      }
+      .loading > div {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        background: transparent;
+        border-style: solid;
+        border-width: 2px;
+        border-radius: 100%;
+        animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
+      }
+      .loading > div:first-child {
+        position: absolute;
+        width: 92px;
+        height: 92px;
+        border-right-color: transparent;
+        border-left-color: transparent;
+      }
+      .loading > div:last-child {
+        width: 16px;
+        height: 16px;
+        border-top-color: transparent;
+        border-bottom-color: transparent;
+        animation-duration: 0.5s;
+        animation-direction: reverse;
+      }
+      @keyframes ball-clip-rotate-multiple-rotate {
+        0% {
+          transform: translate(-50%, -50%) rotate(0deg);
+        }
+
+        50% {
+          transform: translate(-50%, -50%) rotate(180deg);
+        }
+
+        100% {
+          transform: translate(-50%, -50%) rotate(360deg);
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div id="boot">
+      <div class='base'>
+        <div class="loading">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>