diff --git a/docs/assets/404View.522fb552.js b/docs/assets/404View.dd7eb74c.js
similarity index 91%
rename from docs/assets/404View.522fb552.js
rename to docs/assets/404View.dd7eb74c.js
index 51e471a..38e9bca 100644
--- a/docs/assets/404View.522fb552.js
+++ b/docs/assets/404View.dd7eb74c.js
@@ -1 +1 @@
-import{o as t,c as _,a as o,_ as n,f as d,C as r,I as i,J as l}from"./index.040b0aab.js";const p={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},h=o("path",{fill:"currentColor",d:"M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6l1.41-1.42Z"},null,-1),u=[h];function m(e,a){return t(),_("svg",p,u)}var v={name:"mdi-chevron-left",render:m};const s=e=>(i("data-v-dc5a2a7a"),e=e(),l(),e),f={class:"not-found"},g=s(()=>o("div",{class:"sorry"},"Page Not Found",-1)),x=s(()=>o("div",{class:"item-404"},"404",-1)),w={href:"/",class:"go-home"},V={__name:"404View",setup(e){return document.title="Page Not Found",(a,B)=>{const c=v;return t(),_("div",f,[g,x,o("a",w,[d(c,{class:"one-rem"}),r(" Go Back Home ")])])}}};var N=n(V,[["__scopeId","data-v-dc5a2a7a"]]);export{N as default};
+import{o as t,c as _,a as o,_ as n,f as d,C as r,I as i,J as l}from"./index.6bfae8aa.js";const p={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},h=o("path",{fill:"currentColor",d:"M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6l1.41-1.42Z"},null,-1),u=[h];function m(e,a){return t(),_("svg",p,u)}var v={name:"mdi-chevron-left",render:m};const s=e=>(i("data-v-dc5a2a7a"),e=e(),l(),e),f={class:"not-found"},g=s(()=>o("div",{class:"sorry"},"Page Not Found",-1)),x=s(()=>o("div",{class:"item-404"},"404",-1)),w={href:"/",class:"go-home"},V={__name:"404View",setup(e){return document.title="Page Not Found",(a,B)=>{const c=v;return t(),_("div",f,[g,x,o("a",w,[d(c,{class:"one-rem"}),r(" Go Back Home ")])])}}};var N=n(V,[["__scopeId","data-v-dc5a2a7a"]]);export{N as default};
diff --git a/docs/assets/HomeView.ad0b283f.js b/docs/assets/HomeView.b04ec14c.js
similarity index 99%
rename from docs/assets/HomeView.ad0b283f.js
rename to docs/assets/HomeView.b04ec14c.js
index 07d2dbc..0e6fa0a 100644
--- a/docs/assets/HomeView.ad0b283f.js
+++ b/docs/assets/HomeView.b04ec14c.js
@@ -1 +1 @@
-import{o as a,c as o,a as t,g as x,u as j,b as z,d as _,n as v,e as $,t as h,h as D,F as y,r as B,f as g,_ as G,i as J,j as k,k as Q,l as V,S as R,w as W,m as X,v as ee,p as te,q as b,s as M,x as ae,D as T,y as ne}from"./index.040b0aab.js";import{t as oe}from"./tracker.d5d900f2.js";const se={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},re=t("path",{fill:"currentColor",d:"M3 5h18v4H3V5m0 5h18v4H3v-4m0 5h18v4H3v-4Z"},null,-1),le=[re];function ie(n,i){return a(),o("svg",se,le)}var ce={name:"mdi-view-sequential",render:ie};const ue={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},de=t("path",{fill:"currentColor",d:"M3 19h6v-7H3v7m7 0h12v-7H10v7M3 5v6h19V5H3Z"},null,-1),he=[de];function _e(n,i){return a(),o("svg",ue,he)}var ve={name:"mdi-view-compact",render:_e};const me={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},ge=t("path",{fill:"currentColor",d:"m18 21l-4-4h3V7h-3l4-4l4 4h-3v10h3M2 19v-2h10v2M2 13v-2h7v2M2 7V5h4v2H2Z"},null,-1),fe=[ge];function pe(n,i){return a(),o("svg",me,fe)}var ke={name:"mdi-sort",render:pe};const we={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},$e=t("path",{fill:"currentColor",d:"M14 12v7.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0l-2.01-2.01a.989.989 0 0 1-.29-.83V12h-.03L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L14.03 12H14Z"},null,-1),be=[$e];function ye(n,i){return a(),o("svg",we,be)}var Be={name:"mdi-filter",render:ye};const Ce={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Le=t("path",{fill:"currentColor",d:"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5Z"},null,-1),Se=[Le];function Ve(n,i){return a(),o("svg",Ce,Se)}var Me={name:"mdi-search",render:Ve};const xe={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Ae=t("path",{fill:"currentColor",d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"},null,-1),He=[Ae];function Ne(n,i){return a(),o("svg",xe,He)}var De={name:"mdi-close",render:Ne};const Re={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Te=t("path",{fill:"currentColor",d:"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7c0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3a3 3 0 0 0-3-3a3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3a3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66c0 1.61 1.31 2.91 2.92 2.91c1.61 0 2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08Z"},null,-1),Ie=[Te];function qe(n,i){return a(),o("svg",Re,Ie)}var Pe={name:"mdi-share-variant",render:qe};const Fe={class:"blog-peek"},Ze=["src"],Oe=t("div",{class:"blog-peek--divider"},null,-1),Ee={class:"blog-peek--author"},Ke=["src"],Ue={class:"author-info"},Ye=["href","title"],je={key:1,class:"author-name"},ze={class:"created-at",title:"Created Timestamp"},Ge={class:"blog-peek--content"},Je={class:"blog-title"},Qe={class:"tags"},We={key:0,class:"blog-peek--footer"},Xe={"aria-label":"Share",title:"Share Post",class:"icon-button"},et={class:"read-time"},tt={computed:{minutesToRead(){return Math.round(this.contentLength/(100*6))}}},at=Object.assign(tt,{__name:"BlogPeek",props:{title:{type:String,required:!0},tags:{type:Array,required:!0},authorName:{type:String,required:!0},authorAvatar:{type:String,required:!0},authorLink:{type:String,default:null},createdAt:{type:[Date,String],required:!0},contentLength:{type:Number,default:0},detailView:{type:Boolean,default:!1},banner:{type:String,default:null}},setup(n){const i=x("fallback_banner_dark"),w=x("fallback_banner"),{dark:c}=j(),u=z(()=>c.value?i:w);return(m,f)=>{const p=Pe;return a(),o("div",Fe,[t("div",{class:v(["blog-peek--banner",{"blog-peek--banner--fallback":!n.banner}])},[n.banner||_(u)?(a(),o("img",{key:0,src:n.banner||_(u),alt:"Blog Banner",class:v({"fallback-banner":!n.banner,"regular-banner":n.banner})},null,10,Ze)):$("",!0)],2),Oe,t("div",Ee,[t("img",{src:n.authorAvatar,class:"author-avatar circle",alt:"Author Avatar"},null,8,Ke),t("div",Ue,[n.authorLink?(a(),o("a",{key:0,href:n.authorLink,target:"_blank",title:n.authorName,class:"author-link"},h(n.authorName),9,Ye)):(a(),o("div",je,h(n.authorName),1)),t("div",ze,h(_(D)(n.createdAt).format("MMM DD, YYYY"))+" ("+h(_(D)(n.createdAt).fromNow())+") ",1)])]),t("div",Ge,[t("div",Je,h(n.title),1),t("div",Qe,[(a(!0),o(y,null,B(n.tags,(d,C)=>(a(),o("div",{key:C,class:"tag-item"}," #\xA0"+h(d),1))),128))])]),n.detailView?$("",!0):(a(),o("div",We,[t("button",Xe,[g(p,{class:"one-rem"})]),t("div",et,h(m.minutesToRead)+" minutes of read ",1)]))])}}});const nt={class:"home-view"},ot=["src"],st={class:"home-view--search"},rt=["onKeyup"],lt={class:"home-view--search--actions"},it=["onClick"],ct=["onClick"],ut=["title"],dt={key:0,class:"home-view--no-results"},ht={class:"message"},_t={__name:"HomeView",setup(n){const{currentRoute:i,push:w}=J(),c=k([]),u=k(""),m=k(!1),f=k(null),p=k(null),d=k(null);Q(async()=>{C(),oe.trackPageView()});const C=()=>{var e;m.value=!0,f.value=i.value.params.filterBy,p.value=(e=i.value.params)==null?void 0:e.sortBy,c.value=V(),L(p.value),m.value=!1,d.value=R.getHomeViewMode()},I=x("loading");W(u,()=>{u.value||(c.value=V())});const q=()=>{d.value=d.value==="list"?"grid":"list",R.saveHomeViewMode(d.value)},P=e=>{const l=e.seriesTitle;l?window.location.href=`/#/blog/${encodeURIComponent(l)}/${encodeURIComponent(e.title)}`:window.location.href=`/#/blog/${encodeURIComponent(e.title)}`},A=()=>{m.value=!0;const e=[],l=u.value.toLowerCase();f.value?c.value.forEach(r=>{f.value==="tag"?r.tags&&r.tags.join(" ").toLowerCase().includes(l)&&e.push(r):r.authorName.toLowerCase().includes(l)&&e.push(r)}):p.value?c.value.forEach(r=>{r.title.toLowerCase().includes(l)&&e.push(r)}):c.value.forEach(r=>{r.title.toLowerCase().includes(l)&&e.push(r)}),c.value=e,m.value=!1},H=()=>{u.value=""},N=()=>{w({name:"Home"}).then(()=>{c.value=V(),L(p.value),u.value=""})},F=e=>{i.value.params.sortBy===e?N():w({name:"Sort",params:{sortBy:e}}).then(()=>{f.value=e,L(e)})},Z=e=>{i.value.params.filterBy===e?N():w({name:"Filter",params:{filterBy:e}}).then(()=>{f.value=e})},L=e=>{e==="alpha"?c.value.sort((l,r)=>l.title.localeCompare(r.title)):c.value.sort((l,r)=>r.createdAt-l.createdAt)};return(e,l)=>{const r=De,O=Me,E=Be,K=ke,U=ve,Y=ce;return a(),o("div",nt,[m.value?(a(),o("img",{key:0,src:_(I),height:"30",width:"30",alt:"Loading Spinner",class:"spinner"},null,8,ot)):$("",!0),t("div",st,[X(t("input",{id:"search",class:"home-view--search--input","onUpdate:modelValue":l[0]||(l[0]=s=>u.value=s),placeholder:"Search...",onKeyup:te(A,["enter"])},null,40,rt),[[ee,u.value]]),t("div",lt,[u.value.length>0?(a(),o("button",{key:0,class:"clear-button",onClick:H},[g(r)])):$("",!0),t("button",{class:"icon-button",title:"Search",onClick:A},[g(O,{class:"one-rem"})]),g(_(T),null,{trigger:b(()=>[t("button",{class:v(["icon-button",{filtering:e.$route.name==="Filter"}]),title:"Filter"},[g(E,{class:"one-rem"})],2)]),drop:b(()=>[(a(!0),o(y,null,B(_(ae),s=>(a(),o("div",{key:s.key,class:v(["menu-drop-item",{"item-active":e.$route.params.filterBy===s.key}]),onClick:S=>Z(s.key)},h(s.label),11,it))),128))]),_:1}),g(_(T),{class:"menu"},{trigger:b(()=>[t("button",{class:v(["icon-button",{sorting:e.$route.name==="Sort"}]),title:"Sort"},[g(K,{class:"one-rem"})],2)]),drop:b(()=>[(a(!0),o(y,null,B(_(ne),s=>(a(),o("div",{key:s.key,class:v(["menu-drop-item",{"item-active":e.$route.params.sortBy===s.key}]),onClick:S=>F(s.key)},h(s.label),11,ct))),128))]),_:1}),t("button",{class:v(["icon-button",{sorting:e.$route.name==="Sort"}]),title:d.value==="list"?"Grid View":"List View",onClick:l[1]||(l[1]=s=>q())},[d.value==="list"?(a(),M(U,{key:0,class:"one-rem"})):(a(),M(Y,{key:1,class:"one-rem"}))],10,ut)])]),t("div",{class:v({"home-view--list":d.value==="list","home-view--grid":d.value!=="list"})},[(a(!0),o(y,null,B(c.value,(s,S)=>(a(),M(_(at),{key:S,title:s.title,"created-at":s.createdAt,"author-name":s.authorName,"author-link":s.authorLink,"author-avatar":s.authorAvatar,"content-length":s.contentLength,tags:s.tags,banner:s.banner,onClick:vt=>P(s)},null,8,["title","created-at","author-name","author-link","author-avatar","content-length","tags","banner","onClick"]))),128)),c.value.length===0?(a(),o("div",dt,[t("div",ht,'Sorry, no results found for "'+h(u.value)+'"',1),t("button",{onClick:H},"Reset Search")])):$("",!0)],2)])}}};var ft=G(_t,[["__scopeId","data-v-56103f1a"]]);export{ft as default};
+import{o as a,c as o,a as t,g as x,u as j,b as z,d as _,n as v,e as $,t as h,h as D,F as y,r as B,f as g,_ as G,i as J,j as k,k as Q,l as V,S as R,w as W,m as X,v as ee,p as te,q as b,s as M,x as ae,D as T,y as ne}from"./index.6bfae8aa.js";import{t as oe}from"./tracker.d5d900f2.js";const se={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},re=t("path",{fill:"currentColor",d:"M3 5h18v4H3V5m0 5h18v4H3v-4m0 5h18v4H3v-4Z"},null,-1),le=[re];function ie(n,i){return a(),o("svg",se,le)}var ce={name:"mdi-view-sequential",render:ie};const ue={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},de=t("path",{fill:"currentColor",d:"M3 19h6v-7H3v7m7 0h12v-7H10v7M3 5v6h19V5H3Z"},null,-1),he=[de];function _e(n,i){return a(),o("svg",ue,he)}var ve={name:"mdi-view-compact",render:_e};const me={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},ge=t("path",{fill:"currentColor",d:"m18 21l-4-4h3V7h-3l4-4l4 4h-3v10h3M2 19v-2h10v2M2 13v-2h7v2M2 7V5h4v2H2Z"},null,-1),fe=[ge];function pe(n,i){return a(),o("svg",me,fe)}var ke={name:"mdi-sort",render:pe};const we={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},$e=t("path",{fill:"currentColor",d:"M14 12v7.88c.04.3-.06.62-.29.83a.996.996 0 0 1-1.41 0l-2.01-2.01a.989.989 0 0 1-.29-.83V12h-.03L4.21 4.62a1 1 0 0 1 .17-1.4c.19-.14.4-.22.62-.22h14c.22 0 .43.08.62.22a1 1 0 0 1 .17 1.4L14.03 12H14Z"},null,-1),be=[$e];function ye(n,i){return a(),o("svg",we,be)}var Be={name:"mdi-filter",render:ye};const Ce={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Le=t("path",{fill:"currentColor",d:"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5Z"},null,-1),Se=[Le];function Ve(n,i){return a(),o("svg",Ce,Se)}var Me={name:"mdi-search",render:Ve};const xe={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Ae=t("path",{fill:"currentColor",d:"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"},null,-1),He=[Ae];function Ne(n,i){return a(),o("svg",xe,He)}var De={name:"mdi-close",render:Ne};const Re={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Te=t("path",{fill:"currentColor",d:"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7c0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3a3 3 0 0 0-3-3a3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3a3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66c0 1.61 1.31 2.91 2.92 2.91c1.61 0 2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08Z"},null,-1),Ie=[Te];function qe(n,i){return a(),o("svg",Re,Ie)}var Pe={name:"mdi-share-variant",render:qe};const Fe={class:"blog-peek"},Ze=["src"],Oe=t("div",{class:"blog-peek--divider"},null,-1),Ee={class:"blog-peek--author"},Ke=["src"],Ue={class:"author-info"},Ye=["href","title"],je={key:1,class:"author-name"},ze={class:"created-at",title:"Created Timestamp"},Ge={class:"blog-peek--content"},Je={class:"blog-title"},Qe={class:"tags"},We={key:0,class:"blog-peek--footer"},Xe={"aria-label":"Share",title:"Share Post",class:"icon-button"},et={class:"read-time"},tt={computed:{minutesToRead(){return Math.round(this.contentLength/(100*6))}}},at=Object.assign(tt,{__name:"BlogPeek",props:{title:{type:String,required:!0},tags:{type:Array,required:!0},authorName:{type:String,required:!0},authorAvatar:{type:String,required:!0},authorLink:{type:String,default:null},createdAt:{type:[Date,String],required:!0},contentLength:{type:Number,default:0},detailView:{type:Boolean,default:!1},banner:{type:String,default:null}},setup(n){const i=x("fallback_banner_dark"),w=x("fallback_banner"),{dark:c}=j(),u=z(()=>c.value?i:w);return(m,f)=>{const p=Pe;return a(),o("div",Fe,[t("div",{class:v(["blog-peek--banner",{"blog-peek--banner--fallback":!n.banner}])},[n.banner||_(u)?(a(),o("img",{key:0,src:n.banner||_(u),alt:"Blog Banner",class:v({"fallback-banner":!n.banner,"regular-banner":n.banner})},null,10,Ze)):$("",!0)],2),Oe,t("div",Ee,[t("img",{src:n.authorAvatar,class:"author-avatar circle",alt:"Author Avatar"},null,8,Ke),t("div",Ue,[n.authorLink?(a(),o("a",{key:0,href:n.authorLink,target:"_blank",title:n.authorName,class:"author-link"},h(n.authorName),9,Ye)):(a(),o("div",je,h(n.authorName),1)),t("div",ze,h(_(D)(n.createdAt).format("MMM DD, YYYY"))+" ("+h(_(D)(n.createdAt).fromNow())+") ",1)])]),t("div",Ge,[t("div",Je,h(n.title),1),t("div",Qe,[(a(!0),o(y,null,B(n.tags,(d,C)=>(a(),o("div",{key:C,class:"tag-item"}," #\xA0"+h(d),1))),128))])]),n.detailView?$("",!0):(a(),o("div",We,[t("button",Xe,[g(p,{class:"one-rem"})]),t("div",et,h(m.minutesToRead)+" minutes of read ",1)]))])}}});const nt={class:"home-view"},ot=["src"],st={class:"home-view--search"},rt=["onKeyup"],lt={class:"home-view--search--actions"},it=["onClick"],ct=["onClick"],ut=["title"],dt={key:0,class:"home-view--no-results"},ht={class:"message"},_t={__name:"HomeView",setup(n){const{currentRoute:i,push:w}=J(),c=k([]),u=k(""),m=k(!1),f=k(null),p=k(null),d=k(null);Q(async()=>{C(),oe.trackPageView()});const C=()=>{var e;m.value=!0,f.value=i.value.params.filterBy,p.value=(e=i.value.params)==null?void 0:e.sortBy,c.value=V(),L(p.value),m.value=!1,d.value=R.getHomeViewMode()},I=x("loading");W(u,()=>{u.value||(c.value=V())});const q=()=>{d.value=d.value==="list"?"grid":"list",R.saveHomeViewMode(d.value)},P=e=>{const l=e.seriesTitle;l?window.location.href=`/#/blog/${encodeURIComponent(l)}/${encodeURIComponent(e.title)}`:window.location.href=`/#/blog/${encodeURIComponent(e.title)}`},A=()=>{m.value=!0;const e=[],l=u.value.toLowerCase();f.value?c.value.forEach(r=>{f.value==="tag"?r.tags&&r.tags.join(" ").toLowerCase().includes(l)&&e.push(r):r.authorName.toLowerCase().includes(l)&&e.push(r)}):p.value?c.value.forEach(r=>{r.title.toLowerCase().includes(l)&&e.push(r)}):c.value.forEach(r=>{r.title.toLowerCase().includes(l)&&e.push(r)}),c.value=e,m.value=!1},H=()=>{u.value=""},N=()=>{w({name:"Home"}).then(()=>{c.value=V(),L(p.value),u.value=""})},F=e=>{i.value.params.sortBy===e?N():w({name:"Sort",params:{sortBy:e}}).then(()=>{f.value=e,L(e)})},Z=e=>{i.value.params.filterBy===e?N():w({name:"Filter",params:{filterBy:e}}).then(()=>{f.value=e})},L=e=>{e==="alpha"?c.value.sort((l,r)=>l.title.localeCompare(r.title)):c.value.sort((l,r)=>r.createdAt-l.createdAt)};return(e,l)=>{const r=De,O=Me,E=Be,K=ke,U=ve,Y=ce;return a(),o("div",nt,[m.value?(a(),o("img",{key:0,src:_(I),height:"30",width:"30",alt:"Loading Spinner",class:"spinner"},null,8,ot)):$("",!0),t("div",st,[X(t("input",{id:"search",class:"home-view--search--input","onUpdate:modelValue":l[0]||(l[0]=s=>u.value=s),placeholder:"Search...",onKeyup:te(A,["enter"])},null,40,rt),[[ee,u.value]]),t("div",lt,[u.value.length>0?(a(),o("button",{key:0,class:"clear-button",onClick:H},[g(r)])):$("",!0),t("button",{class:"icon-button",title:"Search",onClick:A},[g(O,{class:"one-rem"})]),g(_(T),null,{trigger:b(()=>[t("button",{class:v(["icon-button",{filtering:e.$route.name==="Filter"}]),title:"Filter"},[g(E,{class:"one-rem"})],2)]),drop:b(()=>[(a(!0),o(y,null,B(_(ae),s=>(a(),o("div",{key:s.key,class:v(["menu-drop-item",{"item-active":e.$route.params.filterBy===s.key}]),onClick:S=>Z(s.key)},h(s.label),11,it))),128))]),_:1}),g(_(T),{class:"menu"},{trigger:b(()=>[t("button",{class:v(["icon-button",{sorting:e.$route.name==="Sort"}]),title:"Sort"},[g(K,{class:"one-rem"})],2)]),drop:b(()=>[(a(!0),o(y,null,B(_(ne),s=>(a(),o("div",{key:s.key,class:v(["menu-drop-item",{"item-active":e.$route.params.sortBy===s.key}]),onClick:S=>F(s.key)},h(s.label),11,ct))),128))]),_:1}),t("button",{class:v(["icon-button",{sorting:e.$route.name==="Sort"}]),title:d.value==="list"?"Grid View":"List View",onClick:l[1]||(l[1]=s=>q())},[d.value==="list"?(a(),M(U,{key:0,class:"one-rem"})):(a(),M(Y,{key:1,class:"one-rem"}))],10,ut)])]),t("div",{class:v({"home-view--list":d.value==="list","home-view--grid":d.value!=="list"})},[(a(!0),o(y,null,B(c.value,(s,S)=>(a(),M(_(at),{key:S,title:s.title,"created-at":s.createdAt,"author-name":s.authorName,"author-link":s.authorLink,"author-avatar":s.authorAvatar,"content-length":s.contentLength,tags:s.tags,banner:s.banner,onClick:vt=>P(s)},null,8,["title","created-at","author-name","author-link","author-avatar","content-length","tags","banner","onClick"]))),128)),c.value.length===0?(a(),o("div",dt,[t("div",ht,'Sorry, no results found for "'+h(u.value)+'"',1),t("button",{onClick:H},"Reset Search")])):$("",!0)],2)])}}};var ft=G(_t,[["__scopeId","data-v-56103f1a"]]);export{ft as default};
diff --git a/docs/assets/PostView.b98d53fb.js b/docs/assets/PostView.5df3145f.js
similarity index 99%
rename from docs/assets/PostView.b98d53fb.js
rename to docs/assets/PostView.5df3145f.js
index 9136183..ccc6e9c 100644
--- a/docs/assets/PostView.b98d53fb.js
+++ b/docs/assets/PostView.5df3145f.js
@@ -1,3 +1,3 @@
-import{o as S,c as w,a as f,b as Rt,z as Xt,d as U,u as Zt,n as Kt,t as ne,f as N,g as ht,k as Ot,A as Jt,B as Qt,F as vt,r as Tt,C as gt,_ as en,i as tn,E as nn,j as Fe,w as rn,G as an,H as on,e as ln}from"./index.040b0aab.js";import{t as sn}from"./tracker.d5d900f2.js";/*! @license DOMPurify 2.4.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.4.1/LICENSE */function H(t){return H=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},H(t)}function We(t,n){return We=Object.setPrototypeOf||function(l,c){return l.__proto__=c,l},We(t,n)}function cn(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function de(t,n,o){return cn()?de=Reflect.construct:de=function(c,d,m){var T=[null];T.push.apply(T,d);var E=Function.bind.apply(c,T),D=new E;return m&&We(D,m.prototype),D},de.apply(null,arguments)}function k(t){return un(t)||fn(t)||mn(t)||dn()}function un(t){if(Array.isArray(t))return Ve(t)}function fn(t){if(typeof Symbol!="undefined"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function mn(t,n){if(!!t){if(typeof t=="string")return Ve(t,n);var o=Object.prototype.toString.call(t).slice(8,-1);if(o==="Object"&&t.constructor&&(o=t.constructor.name),o==="Map"||o==="Set")return Array.from(t);if(o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return Ve(t,n)}}function Ve(t,n){(n==null||n>t.length)&&(n=t.length);for(var o=0,l=new Array(n);o<n;o++)l[o]=t[o];return l}function dn(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+import{o as S,c as w,a as f,b as Rt,z as Xt,d as U,u as Zt,n as Kt,t as ne,f as N,g as ht,k as Ot,A as Jt,B as Qt,F as vt,r as Tt,C as gt,_ as en,i as tn,E as nn,j as Fe,w as rn,G as an,H as on,e as ln}from"./index.6bfae8aa.js";import{t as sn}from"./tracker.d5d900f2.js";/*! @license DOMPurify 2.4.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.4.1/LICENSE */function H(t){return H=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},H(t)}function We(t,n){return We=Object.setPrototypeOf||function(l,c){return l.__proto__=c,l},We(t,n)}function cn(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function de(t,n,o){return cn()?de=Reflect.construct:de=function(c,d,m){var T=[null];T.push.apply(T,d);var E=Function.bind.apply(c,T),D=new E;return m&&We(D,m.prototype),D},de.apply(null,arguments)}function k(t){return un(t)||fn(t)||mn(t)||dn()}function un(t){if(Array.isArray(t))return Ve(t)}function fn(t){if(typeof Symbol!="undefined"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function mn(t,n){if(!!t){if(typeof t=="string")return Ve(t,n);var o=Object.prototype.toString.call(t).slice(8,-1);if(o==="Object"&&t.constructor&&(o=t.constructor.name),o==="Map"||o==="Set")return Array.from(t);if(o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return Ve(t,n)}}function Ve(t,n){(n==null||n>t.length)&&(n=t.length);for(var o=0,l=new Array(n);o<n;o++)l[o]=t[o];return l}function dn(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var pn=Object.hasOwnProperty,At=Object.setPrototypeOf,_n=Object.isFrozen,hn=Object.getPrototypeOf,vn=Object.getOwnPropertyDescriptor,R=Object.freeze,x=Object.seal,Tn=Object.create,Nt=typeof Reflect!="undefined"&&Reflect,_e=Nt.apply,je=Nt.construct;_e||(_e=function(n,o,l){return n.apply(o,l)});R||(R=function(n){return n});x||(x=function(n){return n});je||(je=function(n,o){return de(n,k(o))});var gn=L(Array.prototype.forEach),yt=L(Array.prototype.pop),te=L(Array.prototype.push),pe=L(String.prototype.toLowerCase),$e=L(String.prototype.toString),An=L(String.prototype.match),M=L(String.prototype.replace),yn=L(String.prototype.indexOf),En=L(String.prototype.trim),b=L(RegExp.prototype.test),Ue=bn(TypeError);function L(t){return function(n){for(var o=arguments.length,l=new Array(o>1?o-1:0),c=1;c<o;c++)l[c-1]=arguments[c];return _e(t,n,l)}}function bn(t){return function(){for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];return je(t,o)}}function s(t,n,o){o=o||pe,At&&At(t,null);for(var l=n.length;l--;){var c=n[l];if(typeof c=="string"){var d=o(c);d!==c&&(_n(n)||(n[l]=d),c=d)}t[c]=!0}return t}function W(t){var n=Tn(null),o;for(o in t)_e(pn,t,[o])&&(n[o]=t[o]);return n}function fe(t,n){for(;t!==null;){var o=vn(t,n);if(o){if(o.get)return L(o.get);if(typeof o.value=="function")return L(o.value)}t=hn(t)}function l(c){return console.warn("fallback value for",c),null}return l}var Et=R(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),He=R(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),ze=R(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Sn=R(["animate","color-profile","cursor","discard","fedropshadow","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),Be=R(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),wn=R(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),bt=R(["#text"]),St=R(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),Ge=R(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),wt=R(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),me=R(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),Rn=x(/\{\{[\w\W]*|[\w\W]*\}\}/gm),On=x(/<%[\w\W]*|[\w\W]*%>/gm),Nn=x(/\${[\w\W]*}/gm),Ln=x(/^data-[\-\w.\u00B7-\uFFFF]/),Dn=x(/^aria-[\-\w]+$/),Cn=x(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Mn=x(/^(?:\w+script|data):/i),kn=x(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),xn=x(/^html$/i),In=function(){return typeof window=="undefined"?null:window},Pn=function(n,o){if(H(n)!=="object"||typeof n.createPolicy!="function")return null;var l=null,c="data-tt-policy-suffix";o.currentScript&&o.currentScript.hasAttribute(c)&&(l=o.currentScript.getAttribute(c));var d="dompurify"+(l?"#"+l:"");try{return n.createPolicy(d,{createHTML:function(T){return T},createScriptURL:function(T){return T}})}catch{return console.warn("TrustedTypes policy "+d+" could not be created."),null}};function Lt(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:In(),n=function(e){return Lt(e)};if(n.version="2.4.1",n.removed=[],!t||!t.document||t.document.nodeType!==9)return n.isSupported=!1,n;var o=t.document,l=t.document,c=t.DocumentFragment,d=t.HTMLTemplateElement,m=t.Node,T=t.Element,E=t.NodeFilter,D=t.NamedNodeMap,K=D===void 0?t.NamedNodeMap||t.MozNamedAttrMap:D,he=t.HTMLFormElement,ve=t.DOMParser,z=t.trustedTypes,re=T.prototype,Dt=fe(re,"cloneNode"),Ct=fe(re,"nextSibling"),Mt=fe(re,"childNodes"),Te=fe(re,"parentNode");if(typeof d=="function"){var ge=l.createElement("template");ge.content&&ge.content.ownerDocument&&(l=ge.content.ownerDocument)}var C=Pn(z,o),qe=C?C.createHTML(""):"",ae=l,Ae=ae.implementation,kt=ae.createNodeIterator,xt=ae.createDocumentFragment,It=ae.getElementsByTagName,Pt=o.importNode,Ye={};try{Ye=W(l).documentMode?l.documentMode:{}}catch{}var I={};n.isSupported=typeof Te=="function"&&Ae&&typeof Ae.createHTMLDocument!="undefined"&&Ye!==9;var ye=Rn,Ee=On,be=Nn,Ft=Ln,$t=Dn,Ut=Mn,Xe=kn,Se=Cn,_=null,Ze=s({},[].concat(k(Et),k(He),k(ze),k(Be),k(bt))),g=null,Ke=s({},[].concat(k(St),k(Ge),k(wt),k(me))),p=Object.seal(Object.create(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),J=null,we=null,Je=!0,Re=!0,Qe=!1,V=!1,B=!1,Oe=!1,Ne=!1,j=!1,oe=!1,ie=!1,et=!0,tt=!1,Ht="user-content-",Le=!0,Q=!1,q={},Y=null,nt=s({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),rt=null,at=s({},["audio","video","img","source","image","track"]),De=null,ot=s({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),le="http://www.w3.org/1998/Math/MathML",se="http://www.w3.org/2000/svg",P="http://www.w3.org/1999/xhtml",X=P,Ce=!1,Me=null,zt=s({},[le,se,P],$e),G,Bt=["application/xhtml+xml","text/html"],Gt="text/html",h,Z=null,Wt=l.createElement("form"),it=function(e){return e instanceof RegExp||e instanceof Function},ke=function(e){Z&&Z===e||((!e||H(e)!=="object")&&(e={}),e=W(e),G=Bt.indexOf(e.PARSER_MEDIA_TYPE)===-1?G=Gt:G=e.PARSER_MEDIA_TYPE,h=G==="application/xhtml+xml"?$e:pe,_="ALLOWED_TAGS"in e?s({},e.ALLOWED_TAGS,h):Ze,g="ALLOWED_ATTR"in e?s({},e.ALLOWED_ATTR,h):Ke,Me="ALLOWED_NAMESPACES"in e?s({},e.ALLOWED_NAMESPACES,$e):zt,De="ADD_URI_SAFE_ATTR"in e?s(W(ot),e.ADD_URI_SAFE_ATTR,h):ot,rt="ADD_DATA_URI_TAGS"in e?s(W(at),e.ADD_DATA_URI_TAGS,h):at,Y="FORBID_CONTENTS"in e?s({},e.FORBID_CONTENTS,h):nt,J="FORBID_TAGS"in e?s({},e.FORBID_TAGS,h):{},we="FORBID_ATTR"in e?s({},e.FORBID_ATTR,h):{},q="USE_PROFILES"in e?e.USE_PROFILES:!1,Je=e.ALLOW_ARIA_ATTR!==!1,Re=e.ALLOW_DATA_ATTR!==!1,Qe=e.ALLOW_UNKNOWN_PROTOCOLS||!1,V=e.SAFE_FOR_TEMPLATES||!1,B=e.WHOLE_DOCUMENT||!1,j=e.RETURN_DOM||!1,oe=e.RETURN_DOM_FRAGMENT||!1,ie=e.RETURN_TRUSTED_TYPE||!1,Ne=e.FORCE_BODY||!1,et=e.SANITIZE_DOM!==!1,tt=e.SANITIZE_NAMED_PROPS||!1,Le=e.KEEP_CONTENT!==!1,Q=e.IN_PLACE||!1,Se=e.ALLOWED_URI_REGEXP||Se,X=e.NAMESPACE||P,e.CUSTOM_ELEMENT_HANDLING&&it(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(p.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&it(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(p.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements=="boolean"&&(p.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),V&&(Re=!1),oe&&(j=!0),q&&(_=s({},k(bt)),g=[],q.html===!0&&(s(_,Et),s(g,St)),q.svg===!0&&(s(_,He),s(g,Ge),s(g,me)),q.svgFilters===!0&&(s(_,ze),s(g,Ge),s(g,me)),q.mathMl===!0&&(s(_,Be),s(g,wt),s(g,me))),e.ADD_TAGS&&(_===Ze&&(_=W(_)),s(_,e.ADD_TAGS,h)),e.ADD_ATTR&&(g===Ke&&(g=W(g)),s(g,e.ADD_ATTR,h)),e.ADD_URI_SAFE_ATTR&&s(De,e.ADD_URI_SAFE_ATTR,h),e.FORBID_CONTENTS&&(Y===nt&&(Y=W(Y)),s(Y,e.FORBID_CONTENTS,h)),Le&&(_["#text"]=!0),B&&s(_,["html","head","body"]),_.table&&(s(_,["tbody"]),delete J.tbody),R&&R(e),Z=e)},lt=s({},["mi","mo","mn","ms","mtext"]),st=s({},["foreignobject","desc","title","annotation-xml"]),Vt=s({},["title","style","font","a","script"]),ce=s({},He);s(ce,ze),s(ce,Sn);var xe=s({},Be);s(xe,wn);var jt=function(e){var r=Te(e);(!r||!r.tagName)&&(r={namespaceURI:X,tagName:"template"});var a=pe(e.tagName),u=pe(r.tagName);return Me[e.namespaceURI]?e.namespaceURI===se?r.namespaceURI===P?a==="svg":r.namespaceURI===le?a==="svg"&&(u==="annotation-xml"||lt[u]):Boolean(ce[a]):e.namespaceURI===le?r.namespaceURI===P?a==="math":r.namespaceURI===se?a==="math"&&st[u]:Boolean(xe[a]):e.namespaceURI===P?r.namespaceURI===se&&!st[u]||r.namespaceURI===le&&!lt[u]?!1:!xe[a]&&(Vt[a]||!ce[a]):!!(G==="application/xhtml+xml"&&Me[e.namespaceURI]):!1},F=function(e){te(n.removed,{element:e});try{e.parentNode.removeChild(e)}catch{try{e.outerHTML=qe}catch{e.remove()}}},Ie=function(e,r){try{te(n.removed,{attribute:r.getAttributeNode(e),from:r})}catch{te(n.removed,{attribute:null,from:r})}if(r.removeAttribute(e),e==="is"&&!g[e])if(j||oe)try{F(r)}catch{}else try{r.setAttribute(e,"")}catch{}},ct=function(e){var r,a;if(Ne)e="<remove></remove>"+e;else{var u=An(e,/^[\r\n\t ]+/);a=u&&u[0]}G==="application/xhtml+xml"&&X===P&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");var O=C?C.createHTML(e):e;if(X===P)try{r=new ve().parseFromString(O,G)}catch{}if(!r||!r.documentElement){r=Ae.createDocument(X,"template",null);try{r.documentElement.innerHTML=Ce?"":O}catch{}}var y=r.body||r.documentElement;return e&&a&&y.insertBefore(l.createTextNode(a),y.childNodes[0]||null),X===P?It.call(r,B?"html":"body")[0]:B?r.documentElement:y},ut=function(e){return kt.call(e.ownerDocument||e,e,E.SHOW_ELEMENT|E.SHOW_COMMENT|E.SHOW_TEXT,null,!1)},qt=function(e){return e instanceof he&&(typeof e.nodeName!="string"||typeof e.textContent!="string"||typeof e.removeChild!="function"||!(e.attributes instanceof K)||typeof e.removeAttribute!="function"||typeof e.setAttribute!="function"||typeof e.namespaceURI!="string"||typeof e.insertBefore!="function"||typeof e.hasChildNodes!="function")},ee=function(e){return H(m)==="object"?e instanceof m:e&&H(e)==="object"&&typeof e.nodeType=="number"&&typeof e.nodeName=="string"},$=function(e,r,a){!I[e]||gn(I[e],function(u){u.call(n,r,a,Z)})},ft=function(e){var r;if($("beforeSanitizeElements",e,null),qt(e)||b(/[\u0080-\uFFFF]/,e.nodeName))return F(e),!0;var a=h(e.nodeName);if($("uponSanitizeElement",e,{tagName:a,allowedTags:_}),e.hasChildNodes()&&!ee(e.firstElementChild)&&(!ee(e.content)||!ee(e.content.firstElementChild))&&b(/<[/\w]/g,e.innerHTML)&&b(/<[/\w]/g,e.textContent)||a==="select"&&b(/<template/i,e.innerHTML))return F(e),!0;if(!_[a]||J[a]){if(!J[a]&&dt(a)&&(p.tagNameCheck instanceof RegExp&&b(p.tagNameCheck,a)||p.tagNameCheck instanceof Function&&p.tagNameCheck(a)))return!1;if(Le&&!Y[a]){var u=Te(e)||e.parentNode,O=Mt(e)||e.childNodes;if(O&&u)for(var y=O.length,A=y-1;A>=0;--A)u.insertBefore(Dt(O[A],!0),Ct(e))}return F(e),!0}return e instanceof T&&!jt(e)||(a==="noscript"||a==="noembed")&&b(/<\/no(script|embed)/i,e.innerHTML)?(F(e),!0):(V&&e.nodeType===3&&(r=e.textContent,r=M(r,ye," "),r=M(r,Ee," "),r=M(r,be," "),e.textContent!==r&&(te(n.removed,{element:e.cloneNode()}),e.textContent=r)),$("afterSanitizeElements",e,null),!1)},mt=function(e,r,a){if(et&&(r==="id"||r==="name")&&(a in l||a in Wt))return!1;if(!(Re&&!we[r]&&b(Ft,r))){if(!(Je&&b($t,r))){if(!g[r]||we[r]){if(!(dt(e)&&(p.tagNameCheck instanceof RegExp&&b(p.tagNameCheck,e)||p.tagNameCheck instanceof Function&&p.tagNameCheck(e))&&(p.attributeNameCheck instanceof RegExp&&b(p.attributeNameCheck,r)||p.attributeNameCheck instanceof Function&&p.attributeNameCheck(r))||r==="is"&&p.allowCustomizedBuiltInElements&&(p.tagNameCheck instanceof RegExp&&b(p.tagNameCheck,a)||p.tagNameCheck instanceof Function&&p.tagNameCheck(a))))return!1}else if(!De[r]){if(!b(Se,M(a,Xe,""))){if(!((r==="src"||r==="xlink:href"||r==="href")&&e!=="script"&&yn(a,"data:")===0&&rt[e])){if(!(Qe&&!b(Ut,M(a,Xe,"")))){if(a)return!1}}}}}}return!0},dt=function(e){return e.indexOf("-")>0},pt=function(e){var r,a,u,O;$("beforeSanitizeAttributes",e,null);var y=e.attributes;if(!!y){var A={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:g};for(O=y.length;O--;){r=y[O];var ue=r,v=ue.name,Pe=ue.namespaceURI;if(a=v==="value"?r.value:En(r.value),u=h(v),A.attrName=u,A.attrValue=a,A.keepAttr=!0,A.forceKeepAttr=void 0,$("uponSanitizeAttribute",e,A),a=A.attrValue,!A.forceKeepAttr&&(Ie(v,e),!!A.keepAttr)){if(b(/\/>/i,a)){Ie(v,e);continue}V&&(a=M(a,ye," "),a=M(a,Ee," "),a=M(a,be," "));var _t=h(e.nodeName);if(!!mt(_t,u,a)){if(tt&&(u==="id"||u==="name")&&(Ie(v,e),a=Ht+a),C&&H(z)==="object"&&typeof z.getAttributeType=="function"&&!Pe)switch(z.getAttributeType(_t,u)){case"TrustedHTML":a=C.createHTML(a);break;case"TrustedScriptURL":a=C.createScriptURL(a);break}try{Pe?e.setAttributeNS(Pe,v,a):e.setAttribute(v,a),yt(n.removed)}catch{}}}}$("afterSanitizeAttributes",e,null)}},Yt=function i(e){var r,a=ut(e);for($("beforeSanitizeShadowDOM",e,null);r=a.nextNode();)$("uponSanitizeShadowNode",r,null),!ft(r)&&(r.content instanceof c&&i(r.content),pt(r));$("afterSanitizeShadowDOM",e,null)};return n.sanitize=function(i){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r,a,u,O,y;if(Ce=!i,Ce&&(i="<!-->"),typeof i!="string"&&!ee(i)){if(typeof i.toString!="function")throw Ue("toString is not a function");if(i=i.toString(),typeof i!="string")throw Ue("dirty is not a string, aborting")}if(!n.isSupported){if(H(t.toStaticHTML)==="object"||typeof t.toStaticHTML=="function"){if(typeof i=="string")return t.toStaticHTML(i);if(ee(i))return t.toStaticHTML(i.outerHTML)}return i}if(Oe||ke(e),n.removed=[],typeof i=="string"&&(Q=!1),Q){if(i.nodeName){var A=h(i.nodeName);if(!_[A]||J[A])throw Ue("root node is forbidden and cannot be sanitized in-place")}}else if(i instanceof m)r=ct("<!---->"),a=r.ownerDocument.importNode(i,!0),a.nodeType===1&&a.nodeName==="BODY"||a.nodeName==="HTML"?r=a:r.appendChild(a);else{if(!j&&!V&&!B&&i.indexOf("<")===-1)return C&&ie?C.createHTML(i):i;if(r=ct(i),!r)return j?null:ie?qe:""}r&&Ne&&F(r.firstChild);for(var ue=ut(Q?i:r);u=ue.nextNode();)u.nodeType===3&&u===O||ft(u)||(u.content instanceof c&&Yt(u.content),pt(u),O=u);if(O=null,Q)return i;if(j){if(oe)for(y=xt.call(r.ownerDocument);r.firstChild;)y.appendChild(r.firstChild);else y=r;return g.shadowroot&&(y=Pt.call(o,y,!0)),y}var v=B?r.outerHTML:r.innerHTML;return B&&_["!doctype"]&&r.ownerDocument&&r.ownerDocument.doctype&&r.ownerDocument.doctype.name&&b(xn,r.ownerDocument.doctype.name)&&(v="<!DOCTYPE "+r.ownerDocument.doctype.name+`>
 `+v),V&&(v=M(v,ye," "),v=M(v,Ee," "),v=M(v,be," ")),C&&ie?C.createHTML(v):v},n.setConfig=function(i){ke(i),Oe=!0},n.clearConfig=function(){Z=null,Oe=!1},n.isValidAttribute=function(i,e,r){Z||ke({});var a=h(i),u=h(e);return mt(a,u,r)},n.addHook=function(i,e){typeof e=="function"&&(I[i]=I[i]||[],te(I[i],e))},n.removeHook=function(i){if(I[i])return yt(I[i])},n.removeHooks=function(i){I[i]&&(I[i]=[])},n.removeAllHooks=function(){I={}},n}var Fn=Lt();const $n={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Un=f("path",{fill:"currentColor",d:"M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m4.2 14.2L11 13V7h1.5v5.2l4.5 2.7l-.8 1.3Z"},null,-1),Hn=[Un];function zn(t,n){return S(),w("svg",$n,Hn)}var Bn={name:"mdi-clock",render:zn};const Gn=["src","alt","width","height"],Wn={__name:"TheAvatar",props:{src:{type:String,required:!0},alt:{type:String,default:""},size:{type:Number,default:24},bordered:{type:Number,default:0},borderStyle:{type:String,default:"solid"},borderColor:{type:String,default:"#000"}},setup(t){const n=t,o=Rt(()=>n.bordered>0&&n.bordered?`border: ${n.bordered}px ${n.borderStyle} ${n.borderColor}`:"");return(l,c)=>(S(),w("img",{class:"circle",src:t.src,alt:t.alt,width:t.size,height:t.size,style:Xt(U(o))},null,12,Gn))}};const Vn={class:"blog--head"},jn=["src"],qn={class:"blog--head--content"},Yn={class:"title"},Xn={class:"author-info"},Zn=["href","title"],Kn={class:"created-at"},Jn={__name:"HeadSection",props:{peek:{type:Object,required:!0}},setup(t){const{dark:n}=Zt(),o=Rt(()=>n.value?ht("fallback_banner_dark"):ht("fallback_banner"));return(l,c)=>{const d=Bn;return S(),w("div",Vn,[f("img",{src:t.peek.banner||U(o),alt:"Blog Banner",class:Kt(["banner sharp-border",{contain:!t.peek.banner}])},null,10,jn),f("div",qn,[f("div",Yn,ne(t.peek.title),1),f("div",Xn,[N(U(Wn),{src:t.peek.authorAvatar,alt:"Author Avatar",class:"author-avatar",size:140},null,8,["src"]),f("a",{class:"author-name",href:t.peek.authorLink,title:t.peek.authorName,target:"_blank"},ne(t.peek.authorName),9,Zn),f("div",Kn,[N(d),f("span",null,ne(l.$moment(t.peek.createdAt).format("LLLL")),1)])])])])}}},Qn={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},er=f("path",{fill:"currentColor",d:"M22.46 6c-.77.35-1.6.58-2.46.69c.88-.53 1.56-1.37 1.88-2.38c-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29c0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15c0 1.49.75 2.81 1.91 3.56c-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 0 1-1.93.07a4.28 4.28 0 0 0 4 2.98a8.521 8.521 0 0 1-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.44 20.29 5.7 21 8.12 21C16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56c.84-.6 1.56-1.36 2.14-2.23Z"},null,-1),tr=[er];function nr(t,n){return S(),w("svg",Qn,tr)}var rr={name:"mdi-twitter",render:nr};const ar={class:"blog-content-info"},or=f("hr",null,null,-1),ir=f("br",null,null,-1),lr=f("div",{class:"title"},"The Blog Project",-1),sr=f("br",null,null,-1),cr=f("p",{class:"subtitle"}," Amplifies the voices of the open source community: the maintainers, developers, and teams whose contributions move the world forward everyday. ",-1),ur=f("br",null,null,-1),fr=f("br",null,null,-1),mr={class:"wrapper"},dr=f("div",{class:"title"},"Share",-1),pr={class:"share-items"},_r={__name:"ContentInfo",props:["title"],setup(t){const n=t;Ot(()=>{document.querySelector("head meta[name='twitter:image']").setAttribute("content",n.title.banner),document.querySelector("head meta[name='twitter:title']").setAttribute("content",n.title.title),document.querySelector("head meta[name='twitter:description']").setAttribute("content",n.title.description)});const o=()=>{FB.ui({display:"popup",method:"share",href:window.location.href,redirect_uri:window.location.href},function(c){})},l=()=>{window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(`"${n.title.title}" by ${n.title.authorName}`)}&url=${encodeURIComponent(window.location.href)}&hashtags=JankariTech`,"_blank").focus()};return(c,d)=>{const m=rr,T=Jt,E=Qt;return S(),w("div",ar,[or,ir,lr,sr,cr,ur,fr,f("div",mr,[dr,f("div",pr,[N(m,{class:"share-icon twitter",onClick:l}),N(T,{class:"share-icon facebook",onClick:o}),N(E,{class:"share-icon linkedin"})])])])}}};const hr=["innerHTML"],vr={__name:"ContentData",props:{data:{type:String,required:!0}},setup(t){return(n,o)=>(S(),w("div",{class:"blog-content-data",innerHTML:t.data},null,8,hr))}},Tr={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},gr=f("path",{fill:"currentColor",d:"m5.41 21l.71-4h-4l.35-2h4l1.06-6h-4l.35-2h4l.71-4h2l-.71 4h6l.71-4h2l-.71 4h4l-.35 2h-4l-1.06 6h4l-.35 2h-4l-.71 4h-2l.71-4h-6l-.71 4h-2M9.53 9l-1.06 6h6l1.06-6h-6Z"},null,-1),Ar=[gr];function yr(t,n){return S(),w("svg",Tr,Ar)}var Er={name:"mdi-hashtag",render:yr};const br={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Sr=f("path",{fill:"currentColor",d:"m10 17l5-5l-5-5v10Z"},null,-1),wr=[Sr];function Rr(t,n){return S(),w("svg",br,wr)}var Or={name:"mdi-menu-right",render:Rr};const Nr={class:"blog-content-sidebar"},Lr={class:"toc"},Dr=f("div",{class:"title sharp-border"},"Table of content",-1),Cr=["onClick"],Mr=f("br",null,null,-1),kr=f("div",{class:"title sharp-border"},"Tags",-1),xr={class:"tags"},Ir=["title"],Pr={__name:"ContentSidebar",props:{toc:{type:Array,required:!0},tags:{type:Array,default:()=>[]}},setup(t){const n=o=>{const l=`//*[@id="${o}"]`,c=document.evaluate(l,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null).singleNodeValue;if(c){const d=c.getBoundingClientRect();window.scrollTo({left:d.left,top:d.top+window.scrollY-100,behavior:"smooth"})}};return(o,l)=>{const c=Or,d=Er;return S(),w("div",Nr,[f("div",Lr,[Dr,(S(!0),w(vt,null,Tt(t.toc,(m,T)=>(S(),w("div",{key:T,class:"toc--item",onClick:E=>n(m.id)},[N(c,{class:"mdi-circle"}),gt(" "+ne(m.text),1)],8,Cr))),128))]),Mr,kr,f("div",xr,[(S(!0),w(vt,null,Tt(t.tags,m=>(S(),w("a",{href:"tag",key:m,title:m,target:"_blank",class:"tag"},[N(d),gt(" "+ne(m),1)],8,Ir))),128))])])}}};const Fr={},$r={class:"blog--footer"},Ur=f("hr",null,null,-1),Hr=f("div",{class:"title"}," \u{1F389} Thank you for reading the blog! ",-1),zr=f("div",{class:"subtitle"}," Please, come back to us for more quality content. \u{1F44B} ",-1),Br=[Ur,Hr,zr];function Gr(t,n){return S(),w("div",$r,Br)}var Wr=en(Fr,[["render",Gr]]);const Vr={key:0,class:"blog"},jr={class:"blog--content"},Zr={__name:"PostView",setup(t){const{currentRoute:n,push:o}=tn(),{modules:l}=nn(),c=Fe(null),d=Fe(null),m=Fe(null);Ot(()=>{T(),sn.trackPageView()}),rn(n,()=>{var E,D;((D=(E=n==null?void 0:n.value)==null?void 0:E.params)==null?void 0:D.name)===void 0?(window.location.href="/#/",o({name:"Home"})):T()});const T=()=>{let E;n.value.params.series&&(E=decodeURIComponent(n.value.params.series.toString()));const D=decodeURIComponent(n.value.params.name.toString()),K=l.value.find(z=>z.meta.title===D&&z.meta.seriesTitle===E);m.value=K.meta;const[he,ve]=an(K.raw);c.value=Fn.sanitize(he),d.value=on(K.raw),m.value.description=ve.text,document.title=`Blog | ${m.value.title}`};return(E,D)=>m.value?(S(),w("div",Vr,[N(U(Jn),{peek:m.value},null,8,["peek"]),f("div",jr,[N(U(_r),{title:m.value},null,8,["title"]),N(U(vr),{data:c.value},null,8,["data"]),N(U(Pr),{toc:d.value,tags:m.value.tags},null,8,["toc","tags"])]),N(U(Wr))])):ln("",!0)}};export{Zr as default};
diff --git a/docs/assets/index.040b0aab.js b/docs/assets/index.6bfae8aa.js
similarity index 99%
rename from docs/assets/index.040b0aab.js
rename to docs/assets/index.6bfae8aa.js
index 1aac5fb..369ad5b 100644
--- a/docs/assets/index.040b0aab.js
+++ b/docs/assets/index.6bfae8aa.js
@@ -9314,7 +9314,7 @@ Like Percy, Applitools is also a commercial platform that provides several funct
 To learn more about its visual AI algorithms, you can refer to [this documentation](https://applitools.com/applitools-ai-and-deep-learning/).
 
 I hope you get some basic ideas about VRT, its pros, cons, and shortcomings. In my next blog, I will show you how to start implementing VRT using \`nightwatch-vrt\`. Until then, happy coding.
-`,"/src/assets/VueOptionVsCompositionAPI/options-vs-composition-api.md":"---\ntitle: Options Vs Composition API in Vue JS\nauthorName: Sagar Gurung\nauthorAvatar: https://avatars.githubusercontent.com/u/46086950?v=4\nauthorLink: https://github.com/SagarGi\ncreatedAt: March 11, 2024\ntags: Vue, Options API, Composition API, Framework, Frontend\nbanner: https://blog.jankaritech.com/src/assets/VueOptionVsCompositionAPI/images/OptionsVsCompositionAPI.png\n---\n\n## Background\nWhen it comes to defining or creating a component in `Vue.js`, we probably have heard about the `Options API`. Using `Options API` not only we can create specific aspects or behaviors of a component but also allows us how we want to build components.\nIt provides different properties (or options) such as `data`, `methods`, `computed`, and `watch` through which we can organize the behavior of a component systematically. But since `Vue 3`, we have\nanother API called `Composition API` through which we can achieve the same thing. The `Composition API` is a new highlight for many Vue developers, but both approaches to define components have their\nunique pros and cons. So debating which among these two is better would be a difficult one.\n\nIn this blog, we will learn how we can convert a component defined in `Options API` to `Composition API` and we will also discuss the comparison of both APIs. Also at the end, we will know how we can define the component with `Composition API`.\nTo demonstrate this, I have created a simple application called [`Voting Details`](https://github.com/SagarGi/OptionsVsCompositionVue), which we will be examining together in this blog.\n\n## Play around with ****Voting Details****\nI have put this section in this blog since it's better to know some information about what we are building. The `Voting Details` demo application stores the user's details and checks whether a user is eligible to vote or not.\nI have implemented two separate components with the same functionalities, one is using `Options API` and the other is using `Composition API`. We will go through a bit in brief how we can change the functionality of a component same as in `Options API` with `Composition API`.\n>Note: To get the application up and running, make sure [Node.js](https://nodejs.org/en/download) version 16 or above is installed into your system.\n```console\ngit clone https://github.com/SagarGi/OptionsVsCompositionVue\ncd OptionsVsCompositionVue\nnpm install\nnpm run dev\n```\nWe can access it through URL http://localhost:8000 and the application looks something like this.\n\n![Application In Browser](/src/assets/VueOptionVsCompositionAPI/images/OptionsAPIVsCompositionAPIWebUI.png)\n\n\n## What's in ****Options API****?\nFor the demo application, in `Voting Details` I have defined a component using `Options API` as:\n\n```js\n<script>\n  export default {\n    data() {\n      return {\n        name: 'Sagar Gurung',\n        age: 18,\n        bornYear: 2005,\n        votingStatus: 'Eligible!'\n      }\n    },\n    methods: {\n      increaseAge() {\n        this.age++\n      },\n      decreaseAge() {\n        this.age--\n      }\n    },\n    computed: {\n      getVotingStatus() {\n        return (this.age >= 18) ? 'Eligible' : 'Not Eligible'\n      }\n    },\n    watch: {\n      age(oldAge, newAge) {\n        if(oldAge > newAge) {\n          this.bornYear--\n        } else {\n          this.bornYear++\n        }\n      }\n    }\n  }\n<\/script>\n```\nIn this demo app the properties `data`, `methods`, `computed`, and `watch` have been defined using `Options API`. I will explain the meaning of each of them in the `Composition API` section since we are converting component defined in `Options API` with `Composition API`.\n\n## Converting to ****Composition API****\n\n### 1. Defining ****data****\n    When defining the data necessary for a component, in `Composition API`, we have to make it reactive to mutate or change values with `ref` or `reactive` provided by Vue.js.\n    So data property can be defined as:\n  ```js\n   // data\n    const data = reactive({\n      name: 'Sagar Gurung',\n      age: 18,\n      votingStatus: \"Eligible\",\n      bornYear: 2005\n    })\n   ```\n\n### 2. Defining ****methods****\n    Defining the methods is very simple. It is just as easy as defining functions in JavaScript.\n  ```js\n    // methods\n    function increaseAge() {\n      data.age++\n    }\n\n    function decreaseAge() {\n      data.age--\n    }\n   ```\n   The above function changes the `age` property of the data defined in `data` which is reactive.\n\n### 3. Defining ****computed****\n   To define the computed property Vue provides the method called `computed` through which we can explicitly define the computed function.\n   ```js\n   //computed\n    const getVotingStatus = computed(() => {\n      return (data.age >= 18) ? 'Eligible' : 'Not Eligible'\n    })\n   ```\n   Here the operation `getVotingStatus` returns the voting status based on value of age.\n\n### 4. Defining ****watch****\n    Similarly, Vue has provided a `watch` function to watch the change in any data properties defined.\n  ```js\n   //watcher\n    watch(mainData.age, (oldAge, newAge) => {\n      if(oldAge > newAge) {\n        data.bornYear--\n      } else {\n        data.bornYear++\n      }\n    })\n   ```\n   We have watched data `age` in such a way that when age is increased the data `bornYear` will decrease and vice-versa.\n\nThe whole script code snippet looks like this at last for the `Composition API`:\n```js\nimport { reactive, toRefs, computed , watch} from \"vue\";\nexport default {\n  setup() {\n    // data\n    const data = reactive({\n      name: 'Sagar Gurung',\n      age: 18,\n      votingStatus: \"Eligible\",\n      bornYear: 2005\n    })\n    const mainData = toRefs(data)\n    // methods\n    function increaseAge() {\n      data.age++\n    }\n    function decreaseAge() {\n      data.age--\n    }\n    //computed\n    const getVotingStatus = computed(() => {\n      return (data.age >= 18) ? 'Eligible' : 'Not Eligible'\n    })\n    //watcher\n    watch(mainData.age, (oldAge, newAge) => {\n      if(oldAge > newAge) {\n        data.bornYear--\n      } else {\n        data.bornYear++\n      }\n    })\n\n    return {\n      ...mainData,\n      increaseAge,\n      decreaseAge,\n      getVotingStatus\n    }\n  }\n}\n```\nIn the final code, we have imported `reactive`, `toRefs`, `computed`, and `watch` which are needed for building components with the `Composition API`. `toRefs` is used to convert the data created with `reactive` to plain objects. Also, when using `Composition API` we need to define all those `data`, `computed`, `watch`, and `methods` inside of function `setup()` as done above.\nAt last, all the things that have been defined such as `data`, `computed`, and `methods` need to be returned to be exposed to the template.\n\nIn this demo application we have learnt the basics of how to convert a component defined with `Options API` to `Composition API`. However, there are lots of other things that we can perform using the `Composition API`.\nI hope this blog gave you some insights on how to use the `Composition API` and also how you can replace your component defined in `Options API` with it.\nIf you want to learn more about both `Options API` and `Composition API` then you can learn more from [here](https://vuejs.org/api/composition-api-setup.html).\n\nBut before finishing the blog I would like to highlight some points regarding both `Options API` and `Composition API` so that you can relate which one to prefer before building up your projects.\n\n## ****Options API**** and ****Composition API****\n\nYou can find a lot of points regarding the comparison between these two APIs, both approaches for building up components have their benefits and drawbacks. I will only highlight five differences which I consider most relevant for choosing whether to use the `Options API` or `Composition API` in your own project:\n\n1. `Composition API` is new to Vue which can be called a modern way to define components whereas on the other hand `Options API` is a proven, traditional way to build up components in Vue.\n2. Also, the structure and syntax for the `Options API` seems a bit simpler and easier to understand than that of the `Composition API`. It's a good choice for small projects and also for beginners. But for large and more complex projects, a better choice would be `Composition API` since it has a more flexible and modular structure that enhances better code maintainability.\n3. In addition to this, since `Composition API` is fully based on functional, reactive programming it can be difficult for learners who are not familiar with this approach. In this case, `Options API` could be a suitable choice.\n4. Moreover, `Composition API` having a function based structure with better type inference, `Typescript` support is better than that of `Options API`.\n5. `Composition API` supports better code reusability as it has functions and modular composition preventing complex code, which ultimately leads to more intuitive code.\n","/src/assets/are_you_safe_enough_to_take_risks/are_you_safe_enough_to_take_risks.md":`---
+`,"/src/assets/VueOptionVsCompositionAPI/options-vs-composition-api.md":"---\ntitle: Options Vs Composition API in Vue JS\nauthorName: Sagar Gurung\nauthorAvatar: https://avatars.githubusercontent.com/u/46086950?v=4\nauthorLink: https://github.com/SagarGi\ncreatedAt: March 11, 2024\ntags: Vue, Options API, Composition API, Framework, Frontend\nbanner: https://blog.jankaritech.com/src/assets/VueOptionVsCompositionAPI/images/OptionsVsCompositionAPI.png\n---\n\n## Background\nWhen it comes to defining or creating a component in `Vue.js`, we probably have heard about the `Options API`. Using `Options API` not only we can create specific aspects or behaviors of a component but also allows us how we want to build components.\nIt provides different properties (or options) such as `data`, `methods`, `computed`, and `watch` through which we can organize the behavior of a component systematically. But since `Vue 3`, we have\nanother API called `Composition API` through which we can achieve the same thing. The `Composition API` is a new highlight for many Vue developers, but both approaches to define components have their\nunique pros and cons. So debating which among these two is better would be a difficult one.\n\nIn this blog, we will learn how we can convert a component defined in `Options API` to `Composition API` and we will also discuss the comparison of both APIs. Also at the end, we will know how we can define the component with `Composition API`.\nTo demonstrate this, I have created a simple application called [`Voting Details`](https://github.com/SagarGi/OptionsVsCompositionVue), which we will be examining together in this blog.\n\n## Play around with ****Voting Details****\nI have put this section in this blog since it's better to know some information about what we are building. The `Voting Details` demo application stores the user's details and checks whether a user is eligible to vote or not.\nI have implemented two separate components with the same functionalities, one is using `Options API` and the other is using `Composition API`. We will go through a bit in brief how we can change the functionality of a component same as in `Options API` with `Composition API`.\n>Note: To get the application up and running, make sure [Node.js](https://nodejs.org/en/download) version 16 or above is installed into your system.\n```console\ngit clone https://github.com/SagarGi/OptionsVsCompositionVue\ncd OptionsVsCompositionVue\nnpm install\nnpm run dev\n```\nWe can access it through URL http://localhost:8000 and the application looks something like this.\n\n![Application In Browser](/src/assets/VueOptionVsCompositionAPI/images/OptionsAPIVsCompositionAPIWebUI.png)\n\n\n## What's in ****Options API****?\nFor the demo application, in `Voting Details` I have defined a component using `Options API` as:\n\n```js\n<script>\n  export default {\n    data() {\n      return {\n        name: 'Sagar Gurung',\n        age: 18,\n        bornYear: 2005,\n        votingStatus: 'Eligible!'\n      }\n    },\n    methods: {\n      increaseAge() {\n        this.age++\n      },\n      decreaseAge() {\n        this.age--\n      }\n    },\n    computed: {\n      getVotingStatus() {\n        return (this.age >= 18) ? 'Eligible' : 'Not Eligible'\n      }\n    },\n    watch: {\n      age(oldAge, newAge) {\n        if(oldAge > newAge) {\n          this.bornYear--\n        } else {\n          this.bornYear++\n        }\n      }\n    }\n  }\n<\/script>\n```\nIn this demo app the properties `data`, `methods`, `computed`, and `watch` have been defined using `Options API`. I will explain the meaning of each of them in the `Composition API` section since we are converting component defined in `Options API` with `Composition API`.\n\n## Converting to ****Composition API****\n\n### 1. Defining ****data****\nWhen defining the data necessary for a component, in `Composition API`, we have to make it reactive to mutate or change values with `ref` or `reactive` provided by Vue.js.\nSo data property can be defined as:\n  ```js\n   // data\n    const data = reactive({\n      name: 'Sagar Gurung',\n      age: 18,\n      votingStatus: \"Eligible\",\n      bornYear: 2005\n    })\n   ```\n\n### 2. Defining ****methods****\nDefining the methods is very simple. It is just as easy as defining functions in JavaScript.\n  ```js\n    // methods\n    function increaseAge() {\n      data.age++\n    }\n\n    function decreaseAge() {\n      data.age--\n    }\n   ```\n   The above function changes the `age` property of the data defined in `data` which is reactive.\n\n### 3. Defining ****computed****\nTo define the computed property Vue provides the method called `computed` through which we can explicitly define the computed function.\n   ```js\n   //computed\n    const getVotingStatus = computed(() => {\n      return (data.age >= 18) ? 'Eligible' : 'Not Eligible'\n    })\n   ```\n   Here the operation `getVotingStatus` returns the voting status based on value of age.\n\n### 4. Defining ****watch****\nSimilarly, Vue has provided a `watch` function to watch the change in any data properties defined.\n  ```js\n   //watcher\n    watch(mainData.age, (oldAge, newAge) => {\n      if(oldAge > newAge) {\n        data.bornYear--\n      } else {\n        data.bornYear++\n      }\n    })\n   ```\n   We have watched data `age` in such a way that when age is increased the data `bornYear` will decrease and vice-versa.\n\nThe whole script code snippet looks like this at last for the `Composition API`:\n```js\nimport { reactive, toRefs, computed , watch} from \"vue\";\nexport default {\n  setup() {\n    // data\n    const data = reactive({\n      name: 'Sagar Gurung',\n      age: 18,\n      votingStatus: \"Eligible\",\n      bornYear: 2005\n    })\n    const mainData = toRefs(data)\n    // methods\n    function increaseAge() {\n      data.age++\n    }\n    function decreaseAge() {\n      data.age--\n    }\n    //computed\n    const getVotingStatus = computed(() => {\n      return (data.age >= 18) ? 'Eligible' : 'Not Eligible'\n    })\n    //watcher\n    watch(mainData.age, (oldAge, newAge) => {\n      if(oldAge > newAge) {\n        data.bornYear--\n      } else {\n        data.bornYear++\n      }\n    })\n\n    return {\n      ...mainData,\n      increaseAge,\n      decreaseAge,\n      getVotingStatus\n    }\n  }\n}\n```\nIn the final code, we have imported `reactive`, `toRefs`, `computed`, and `watch` which are needed for building components with the `Composition API`. `toRefs` is used to convert the data created with `reactive` to plain objects. Also, when using `Composition API` we need to define all those `data`, `computed`, `watch`, and `methods` inside of function `setup()` as done above.\nAt last, all the things that have been defined such as `data`, `computed`, and `methods` need to be returned to be exposed to the template.\n\nIn this demo application we have learnt the basics of how to convert a component defined with `Options API` to `Composition API`. However, there are lots of other things that we can perform using the `Composition API`.\nI hope this blog gave you some insights on how to use the `Composition API` and also how you can replace your component defined in `Options API` with it.\nIf you want to learn more about both `Options API` and `Composition API` then you can learn more from [here](https://vuejs.org/api/composition-api-setup.html).\n\nBut before finishing the blog I would like to highlight some points regarding both `Options API` and `Composition API` so that you can relate which one to prefer before building up your projects.\n\n## ****Options API**** and ****Composition API****\n\nYou can find a lot of points regarding the comparison between these two APIs, both approaches for building up components have their benefits and drawbacks. I will only highlight five differences which I consider most relevant for choosing whether to use the `Options API` or `Composition API` in your own project:\n\n1. `Composition API` is new to Vue which can be called a modern way to define components whereas on the other hand `Options API` is a proven, traditional way to build up components in Vue.\n2. Also, the structure and syntax for the `Options API` seems a bit simpler and easier to understand than that of the `Composition API`. It's a good choice for small projects and also for beginners. But for large and more complex projects, a better choice would be `Composition API` since it has a more flexible and modular structure that enhances better code maintainability.\n3. In addition to this, since `Composition API` is fully based on functional, reactive programming it can be difficult for learners who are not familiar with this approach. In this case, `Options API` could be a suitable choice.\n4. Moreover, `Composition API` having a function based structure with better type inference, `Typescript` support is better than that of `Options API`.\n5. `Composition API` supports better code reusability as it has functions and modular composition preventing complex code, which ultimately leads to more intuitive code.\n","/src/assets/are_you_safe_enough_to_take_risks/are_you_safe_enough_to_take_risks.md":`---
 title: Are you safe enough to take risk?
 authorName: Artur Neumann
 authorAvatar: https://www.jankaritech.com/images/2019/06/11/p1070364-c-light-800.jpg
@@ -9398,4 +9398,4 @@ I will keep posting about interesting developments in this test automation area.
   * vue-router v4.1.6
   * (c) 2022 Eduardo San Martin Morote
   * @license MIT
-  */const la=typeof window!="undefined";function zM(e){return e.__esModule||e[Symbol.toStringTag]==="Module"}const Ae=Object.assign;function ss(e,t){const n={};for(const a in t){const r=t[a];n[a]=Lt(r)?r.map(e):e(r)}return n}const Ha=()=>{},Lt=Array.isArray,$M=/\/$/,KM=e=>e.replace($M,"");function os(e,t,n="/"){let a,r={},i="",s="";const o=t.indexOf("#");let l=t.indexOf("?");return o<l&&o>=0&&(l=-1),l>-1&&(a=t.slice(0,l),i=t.slice(l+1,o>-1?o:t.length),r=e(i)),o>-1&&(a=a||t.slice(0,o),s=t.slice(o,t.length)),a=ZM(a!=null?a:t,n),{fullPath:a+(i&&"?")+i+s,path:a,query:r,hash:s}}function QM(e,t){const n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}function hc(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||"/"}function jM(e,t,n){const a=t.matched.length-1,r=n.matched.length-1;return a>-1&&a===r&&ya(t.matched[a],n.matched[r])&&rp(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}function ya(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function rp(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(!XM(e[n],t[n]))return!1;return!0}function XM(e,t){return Lt(e)?fc(e,t):Lt(t)?fc(t,e):e===t}function fc(e,t){return Lt(t)?e.length===t.length&&e.every((n,a)=>n===t[a]):e.length===1&&e[0]===t}function ZM(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),a=e.split("/");let r=n.length-1,i,s;for(i=0;i<a.length;i++)if(s=a[i],s!==".")if(s==="..")r>1&&r--;else break;return n.slice(0,r).join("/")+"/"+a.slice(i-(i===a.length?1:0)).join("/")}var sr;(function(e){e.pop="pop",e.push="push"})(sr||(sr={}));var Wa;(function(e){e.back="back",e.forward="forward",e.unknown=""})(Wa||(Wa={}));function JM(e){if(!e)if(la){const t=document.querySelector("base");e=t&&t.getAttribute("href")||"/",e=e.replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return e[0]!=="/"&&e[0]!=="#"&&(e="/"+e),KM(e)}const eL=/^[^#]+#/;function tL(e,t){return e.replace(eL,"#")+t}function nL(e,t){const n=document.documentElement.getBoundingClientRect(),a=e.getBoundingClientRect();return{behavior:t.behavior,left:a.left-n.left-(t.left||0),top:a.top-n.top-(t.top||0)}}const Fi=()=>({left:window.pageXOffset,top:window.pageYOffset});function aL(e){let t;if("el"in e){const n=e.el,a=typeof n=="string"&&n.startsWith("#"),r=typeof n=="string"?a?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!r)return;t=nL(r,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(t.left!=null?t.left:window.pageXOffset,t.top!=null?t.top:window.pageYOffset)}function Ec(e,t){return(history.state?history.state.position-t:-1)+e}const Us=new Map;function rL(e,t){Us.set(e,t)}function iL(e){const t=Us.get(e);return Us.delete(e),t}let sL=()=>location.protocol+"//"+location.host;function ip(e,t){const{pathname:n,search:a,hash:r}=t,i=e.indexOf("#");if(i>-1){let o=r.includes(e.slice(i))?e.slice(i).length:1,l=r.slice(o);return l[0]!=="/"&&(l="/"+l),hc(l,"")}return hc(n,e)+a+r}function oL(e,t,n,a){let r=[],i=[],s=null;const o=({state:_})=>{const p=ip(e,location),g=n.value,h=t.value;let b=0;if(_){if(n.value=p,t.value=_,s&&s===g){s=null;return}b=h?_.position-h.position:0}else a(p);r.forEach(S=>{S(n.value,g,{delta:b,type:sr.pop,direction:b?b>0?Wa.forward:Wa.back:Wa.unknown})})};function l(){s=n.value}function c(_){r.push(_);const p=()=>{const g=r.indexOf(_);g>-1&&r.splice(g,1)};return i.push(p),p}function d(){const{history:_}=window;!_.state||_.replaceState(Ae({},_.state,{scroll:Fi()}),"")}function u(){for(const _ of i)_();i=[],window.removeEventListener("popstate",o),window.removeEventListener("beforeunload",d)}return window.addEventListener("popstate",o),window.addEventListener("beforeunload",d),{pauseListeners:l,listen:c,destroy:u}}function Sc(e,t,n,a=!1,r=!1){return{back:e,current:t,forward:n,replaced:a,position:window.history.length,scroll:r?Fi():null}}function lL(e){const{history:t,location:n}=window,a={value:ip(e,n)},r={value:t.state};r.value||i(a.value,{back:null,current:a.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function i(l,c,d){const u=e.indexOf("#"),_=u>-1?(n.host&&document.querySelector("base")?e:e.slice(u))+l:sL()+e+l;try{t[d?"replaceState":"pushState"](c,"",_),r.value=c}catch(p){console.error(p),n[d?"replace":"assign"](_)}}function s(l,c){const d=Ae({},t.state,Sc(r.value.back,l,r.value.forward,!0),c,{position:r.value.position});i(l,d,!0),a.value=l}function o(l,c){const d=Ae({},r.value,t.state,{forward:l,scroll:Fi()});i(d.current,d,!0);const u=Ae({},Sc(a.value,l,null),{position:d.position+1},c);i(l,u,!1),a.value=l}return{location:a,state:r,push:o,replace:s}}function cL(e){e=JM(e);const t=lL(e),n=oL(e,t.state,t.location,t.replace);function a(i,s=!0){s||n.pauseListeners(),history.go(i)}const r=Ae({location:"",base:e,go:a,createHref:tL.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 dL(e){return e=location.host?e||location.pathname+location.search:"",e.includes("#")||(e+="#"),cL(e)}function uL(e){return typeof e=="string"||e&&typeof e=="object"}function sp(e){return typeof e=="string"||typeof e=="symbol"}const pn={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},op=Symbol("");var bc;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(bc||(bc={}));function va(e,t){return Ae(new Error,{type:e,[op]:!0},t)}function jt(e,t){return e instanceof Error&&op in e&&(t==null||!!(e.type&t))}const Tc="[^/]+?",_L={sensitive:!1,strict:!1,start:!0,end:!0},pL=/[.+*?^${}()[\]/\\]/g;function mL(e,t){const n=Ae({},_L,t),a=[];let r=n.start?"^":"";const i=[];for(const c of e){const d=c.length?[]:[90];n.strict&&!c.length&&(r+="/");for(let u=0;u<c.length;u++){const _=c[u];let p=40+(n.sensitive?.25:0);if(_.type===0)u||(r+="/"),r+=_.value.replace(pL,"\\$&"),p+=40;else if(_.type===1){const{value:g,repeatable:h,optional:b,regexp:S}=_;i.push({name:g,repeatable:h,optional:b});const T=S||Tc;if(T!==Tc){p+=10;try{new RegExp(`(${T})`)}catch(R){throw new Error(`Invalid custom RegExp for param "${g}" (${T}): `+R.message)}}let y=h?`((?:${T})(?:/(?:${T}))*)`:`(${T})`;u||(y=b&&c.length<2?`(?:/${y})`:"/"+y),b&&(y+="?"),r+=y,p+=20,b&&(p+=-8),h&&(p+=-20),T===".*"&&(p+=-50)}d.push(p)}a.push(d)}if(n.strict&&n.end){const c=a.length-1;a[c][a[c].length-1]+=.7000000000000001}n.strict||(r+="/?"),n.end?r+="$":n.strict&&(r+="(?:/|$)");const s=new RegExp(r,n.sensitive?"":"i");function o(c){const d=c.match(s),u={};if(!d)return null;for(let _=1;_<d.length;_++){const p=d[_]||"",g=i[_-1];u[g.name]=p&&g.repeatable?p.split("/"):p}return u}function l(c){let d="",u=!1;for(const _ of e){(!u||!d.endsWith("/"))&&(d+="/"),u=!1;for(const p of _)if(p.type===0)d+=p.value;else if(p.type===1){const{value:g,repeatable:h,optional:b}=p,S=g in c?c[g]:"";if(Lt(S)&&!h)throw new Error(`Provided param "${g}" is an array but it is not repeatable (* or + modifiers)`);const T=Lt(S)?S.join("/"):S;if(!T)if(b)_.length<2&&(d.endsWith("/")?d=d.slice(0,-1):u=!0);else throw new Error(`Missing required param "${g}"`);d+=T}}return d||"/"}return{re:s,score:a,keys:i,parse:o,stringify:l}}function gL(e,t){let n=0;for(;n<e.length&&n<t.length;){const a=t[n]-e[n];if(a)return a;n++}return e.length<t.length?e.length===1&&e[0]===40+40?-1:1:e.length>t.length?t.length===1&&t[0]===40+40?1:-1:0}function hL(e,t){let n=0;const a=e.score,r=t.score;for(;n<a.length&&n<r.length;){const i=gL(a[n],r[n]);if(i)return i;n++}if(Math.abs(r.length-a.length)===1){if(yc(a))return 1;if(yc(r))return-1}return r.length-a.length}function yc(e){const t=e[e.length-1];return e.length>0&&t[t.length-1]<0}const fL={type:0,value:""},EL=/[a-zA-Z0-9_]/;function SL(e){if(!e)return[[]];if(e==="/")return[[fL]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function t(p){throw new Error(`ERR (${n})/"${c}": ${p}`)}let n=0,a=n;const r=[];let i;function s(){i&&r.push(i),i=[]}let o=0,l,c="",d="";function u(){!c||(n===0?i.push({type:0,value:c}):n===1||n===2||n===3?(i.length>1&&(l==="*"||l==="+")&&t(`A repeatable param (${c}) must be alone in its segment. eg: '/:ids+.`),i.push({type:1,value:c,regexp:d,repeatable:l==="*"||l==="+",optional:l==="*"||l==="?"})):t("Invalid state to consume buffer"),c="")}function _(){c+=l}for(;o<e.length;){if(l=e[o++],l==="\\"&&n!==2){a=n,n=4;continue}switch(n){case 0:l==="/"?(c&&u(),s()):l===":"?(u(),n=1):_();break;case 4:_(),n=a;break;case 1:l==="("?n=2:EL.test(l)?_():(u(),n=0,l!=="*"&&l!=="?"&&l!=="+"&&o--);break;case 2:l===")"?d[d.length-1]=="\\"?d=d.slice(0,-1)+l:n=3:d+=l;break;case 3:u(),n=0,l!=="*"&&l!=="?"&&l!=="+"&&o--,d="";break;default:t("Unknown state");break}}return n===2&&t(`Unfinished custom RegExp for param "${c}"`),u(),s(),r}function bL(e,t,n){const a=mL(SL(e.path),n),r=Ae(a,{record:e,parent:t,children:[],alias:[]});return t&&!r.record.aliasOf==!t.record.aliasOf&&t.children.push(r),r}function TL(e,t){const n=[],a=new Map;t=Rc({strict:!1,end:!0,sensitive:!1},t);function r(d){return a.get(d)}function i(d,u,_){const p=!_,g=yL(d);g.aliasOf=_&&_.record;const h=Rc(t,d),b=[g];if("alias"in d){const y=typeof d.alias=="string"?[d.alias]:d.alias;for(const R of y)b.push(Ae({},g,{components:_?_.record.components:g.components,path:R,aliasOf:_?_.record:g}))}let S,T;for(const y of b){const{path:R}=y;if(u&&R[0]!=="/"){const I=u.record.path,H=I[I.length-1]==="/"?"":"/";y.path=u.record.path+(R&&H+R)}if(S=bL(y,u,h),_?_.alias.push(S):(T=T||S,T!==S&&T.alias.push(S),p&&d.name&&!Cc(S)&&s(d.name)),g.children){const I=g.children;for(let H=0;H<I.length;H++)i(I[H],S,_&&_.children[H])}_=_||S,(S.record.components&&Object.keys(S.record.components).length||S.record.name||S.record.redirect)&&l(S)}return T?()=>{s(T)}:Ha}function s(d){if(sp(d)){const u=a.get(d);u&&(a.delete(d),n.splice(n.indexOf(u),1),u.children.forEach(s),u.alias.forEach(s))}else{const u=n.indexOf(d);u>-1&&(n.splice(u,1),d.record.name&&a.delete(d.record.name),d.children.forEach(s),d.alias.forEach(s))}}function o(){return n}function l(d){let u=0;for(;u<n.length&&hL(d,n[u])>=0&&(d.record.path!==n[u].record.path||!lp(d,n[u]));)u++;n.splice(u,0,d),d.record.name&&!Cc(d)&&a.set(d.record.name,d)}function c(d,u){let _,p={},g,h;if("name"in d&&d.name){if(_=a.get(d.name),!_)throw va(1,{location:d});h=_.record.name,p=Ae(vc(u.params,_.keys.filter(T=>!T.optional).map(T=>T.name)),d.params&&vc(d.params,_.keys.map(T=>T.name))),g=_.stringify(p)}else if("path"in d)g=d.path,_=n.find(T=>T.re.test(g)),_&&(p=_.parse(g),h=_.record.name);else{if(_=u.name?a.get(u.name):n.find(T=>T.re.test(u.path)),!_)throw va(1,{location:d,currentLocation:u});h=_.record.name,p=Ae({},u.params,d.params),g=_.stringify(p)}const b=[];let S=_;for(;S;)b.unshift(S.record),S=S.parent;return{name:h,path:g,params:p,matched:b,meta:CL(b)}}return e.forEach(d=>i(d)),{addRoute:i,resolve:c,removeRoute:s,getRoutes:o,getRecordMatcher:r}}function vc(e,t){const n={};for(const a of t)a in e&&(n[a]=e[a]);return n}function yL(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:vL(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||null:e.component&&{default:e.component}}}function vL(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(const a in e.components)t[a]=typeof n=="boolean"?n:n[a];return t}function Cc(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function CL(e){return e.reduce((t,n)=>Ae(t,n.meta),{})}function Rc(e,t){const n={};for(const a in e)n[a]=a in t?t[a]:e[a];return n}function lp(e,t){return t.children.some(n=>n===e||lp(e,n))}const cp=/#/g,RL=/&/g,wL=/\//g,NL=/=/g,OL=/\?/g,dp=/\+/g,IL=/%5B/g,AL=/%5D/g,up=/%5E/g,DL=/%60/g,_p=/%7B/g,xL=/%7C/g,pp=/%7D/g,kL=/%20/g;function Vo(e){return encodeURI(""+e).replace(xL,"|").replace(IL,"[").replace(AL,"]")}function ML(e){return Vo(e).replace(_p,"{").replace(pp,"}").replace(up,"^")}function Bs(e){return Vo(e).replace(dp,"%2B").replace(kL,"+").replace(cp,"%23").replace(RL,"%26").replace(DL,"`").replace(_p,"{").replace(pp,"}").replace(up,"^")}function LL(e){return Bs(e).replace(NL,"%3D")}function PL(e){return Vo(e).replace(cp,"%23").replace(OL,"%3F")}function FL(e){return e==null?"":PL(e).replace(wL,"%2F")}function si(e){try{return decodeURIComponent(""+e)}catch{}return""+e}function UL(e){const t={};if(e===""||e==="?")return t;const a=(e[0]==="?"?e.slice(1):e).split("&");for(let r=0;r<a.length;++r){const i=a[r].replace(dp," "),s=i.indexOf("="),o=si(s<0?i:i.slice(0,s)),l=s<0?null:si(i.slice(s+1));if(o in t){let c=t[o];Lt(c)||(c=t[o]=[c]),c.push(l)}else t[o]=l}return t}function wc(e){let t="";for(let n in e){const a=e[n];if(n=LL(n),a==null){a!==void 0&&(t+=(t.length?"&":"")+n);continue}(Lt(a)?a.map(i=>i&&Bs(i)):[a&&Bs(a)]).forEach(i=>{i!==void 0&&(t+=(t.length?"&":"")+n,i!=null&&(t+="="+i))})}return t}function BL(e){const t={};for(const n in e){const a=e[n];a!==void 0&&(t[n]=Lt(a)?a.map(r=>r==null?null:""+r):a==null?a:""+a)}return t}const GL=Symbol(""),Nc=Symbol(""),Ui=Symbol(""),mp=Symbol(""),Gs=Symbol("");function ka(){let e=[];function t(a){return e.push(a),()=>{const r=e.indexOf(a);r>-1&&e.splice(r,1)}}function n(){e=[]}return{add:t,list:()=>e,reset:n}}function hn(e,t,n,a,r){const i=a&&(a.enterCallbacks[r]=a.enterCallbacks[r]||[]);return()=>new Promise((s,o)=>{const l=u=>{u===!1?o(va(4,{from:n,to:t})):u instanceof Error?o(u):uL(u)?o(va(2,{from:t,to:u})):(i&&a.enterCallbacks[r]===i&&typeof u=="function"&&i.push(u),s())},c=e.call(a&&a.instances[r],t,n,l);let d=Promise.resolve(c);e.length<3&&(d=d.then(l)),d.catch(u=>o(u))})}function ls(e,t,n,a){const r=[];for(const i of e)for(const s in i.components){let o=i.components[s];if(!(t!=="beforeRouteEnter"&&!i.instances[s]))if(YL(o)){const c=(o.__vccOpts||o)[t];c&&r.push(hn(c,n,a,i,s))}else{let l=o();r.push(()=>l.then(c=>{if(!c)return Promise.reject(new Error(`Couldn't resolve component "${s}" at "${i.path}"`));const d=zM(c)?c.default:c;i.components[s]=d;const _=(d.__vccOpts||d)[t];return _&&hn(_,n,a,i,s)()}))}}return r}function YL(e){return typeof e=="object"||"displayName"in e||"props"in e||"__vccOpts"in e}function Oc(e){const t=xt(Ui),n=xt(mp),a=pt(()=>t.resolve(lt(e.to))),r=pt(()=>{const{matched:l}=a.value,{length:c}=l,d=l[c-1],u=n.matched;if(!d||!u.length)return-1;const _=u.findIndex(ya.bind(null,d));if(_>-1)return _;const p=Ic(l[c-2]);return c>1&&Ic(d)===p&&u[u.length-1].path!==p?u.findIndex(ya.bind(null,l[c-2])):_}),i=pt(()=>r.value>-1&&qL(n.params,a.value.params)),s=pt(()=>r.value>-1&&r.value===n.matched.length-1&&rp(n.params,a.value.params));function o(l={}){return VL(l)?t[lt(e.replace)?"replace":"push"](lt(e.to)).catch(Ha):Promise.resolve()}return{route:a,href:pt(()=>a.value.href),isActive:i,isExactActive:s,navigate:o}}const HL=iu({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:Oc,setup(e,{slots:t}){const n=Oa(Oc(e)),{options:a}=xt(Ui),r=pt(()=>({[Ac(e.activeClass,a.linkActiveClass,"router-link-active")]:n.isActive,[Ac(e.exactActiveClass,a.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive}));return()=>{const i=t.default&&t.default(n);return e.custom?i:wu("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:r.value},i)}}}),WL=HL;function VL(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function qL(e,t){for(const n in t){const a=t[n],r=e[n];if(typeof a=="string"){if(a!==r)return!1}else if(!Lt(r)||r.length!==a.length||a.some((i,s)=>i!==r[s]))return!1}return!0}function Ic(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const Ac=(e,t,n)=>e!=null?e:t!=null?t:n,zL=iu({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:n}){const a=xt(Gs),r=pt(()=>e.route||a.value),i=xt(Nc,0),s=pt(()=>{let c=lt(i);const{matched:d}=r.value;let u;for(;(u=d[c])&&!u.components;)c++;return c}),o=pt(()=>r.value.matched[s.value]);Lr(Nc,pt(()=>s.value+1)),Lr(GL,o),Lr(Gs,r);const l=Ci();return Hn(()=>[l.value,o.value,e.name],([c,d,u],[_,p,g])=>{d&&(d.instances[u]=c,p&&p!==d&&c&&c===_&&(d.leaveGuards.size||(d.leaveGuards=p.leaveGuards),d.updateGuards.size||(d.updateGuards=p.updateGuards))),c&&d&&(!p||!ya(d,p)||!_)&&(d.enterCallbacks[u]||[]).forEach(h=>h(c))},{flush:"post"}),()=>{const c=r.value,d=e.name,u=o.value,_=u&&u.components[d];if(!_)return Dc(n.default,{Component:_,route:c});const p=u.props[d],g=p?p===!0?c.params:typeof p=="function"?p(c):p:null,b=wu(_,Ae({},g,t,{onVnodeUnmounted:S=>{S.component.isUnmounted&&(u.instances[d]=null)},ref:l}));return Dc(n.default,{Component:b,route:c})||b}}});function Dc(e,t){if(!e)return null;const n=e(t);return n.length===1?n[0]:n}const $L=zL;function KL(e){const t=TL(e.routes,e),n=e.parseQuery||UL,a=e.stringifyQuery||wc,r=e.history,i=ka(),s=ka(),o=ka(),l=gS(pn);let c=pn;la&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const d=ss.bind(null,w=>""+w),u=ss.bind(null,FL),_=ss.bind(null,si);function p(w,V){let Y,te;return sp(w)?(Y=t.getRecordMatcher(w),te=V):te=w,t.addRoute(te,Y)}function g(w){const V=t.getRecordMatcher(w);V&&t.removeRoute(V)}function h(){return t.getRoutes().map(w=>w.record)}function b(w){return!!t.getRecordMatcher(w)}function S(w,V){if(V=Ae({},V||l.value),typeof w=="string"){const m=os(n,w,V.path),f=t.resolve({path:m.path},V),v=r.createHref(m.fullPath);return Ae(m,f,{params:_(f.params),hash:si(m.hash),redirectedFrom:void 0,href:v})}let Y;if("path"in w)Y=Ae({},w,{path:os(n,w.path,V.path).path});else{const m=Ae({},w.params);for(const f in m)m[f]==null&&delete m[f];Y=Ae({},w,{params:u(w.params)}),V.params=u(V.params)}const te=t.resolve(Y,V),Z=w.hash||"";te.params=d(_(te.params));const we=QM(a,Ae({},w,{hash:ML(Z),path:te.path})),ce=r.createHref(we);return Ae({fullPath:we,hash:Z,query:a===wc?BL(w.query):w.query||{}},te,{redirectedFrom:void 0,href:ce})}function T(w){return typeof w=="string"?os(n,w,l.value.path):Ae({},w)}function y(w,V){if(c!==w)return va(8,{from:V,to:w})}function R(w){return G(w)}function I(w){return R(Ae(T(w),{replace:!0}))}function H(w){const V=w.matched[w.matched.length-1];if(V&&V.redirect){const{redirect:Y}=V;let te=typeof Y=="function"?Y(w):Y;return typeof te=="string"&&(te=te.includes("?")||te.includes("#")?te=T(te):{path:te},te.params={}),Ae({query:w.query,hash:w.hash,params:"path"in te?{}:w.params},te)}}function G(w,V){const Y=c=S(w),te=l.value,Z=w.state,we=w.force,ce=w.replace===!0,m=H(Y);if(m)return G(Ae(T(m),{state:typeof m=="object"?Ae({},Z,m.state):Z,force:we,replace:ce}),V||Y);const f=Y;f.redirectedFrom=V;let v;return!we&&jM(a,te,Y)&&(v=va(16,{to:f,from:te}),ue(te,te,!0,!1)),(v?Promise.resolve(v):K(f,te)).catch(N=>jt(N)?jt(N,2)?N:ee(N):D(N,f,te)).then(N=>{if(N){if(jt(N,2))return G(Ae({replace:ce},T(N.to),{state:typeof N.to=="object"?Ae({},Z,N.to.state):Z,force:we}),V||f)}else N=le(f,te,!0,ce,Z);return W(f,te,N),N})}function L(w,V){const Y=y(w,V);return Y?Promise.reject(Y):Promise.resolve()}function K(w,V){let Y;const[te,Z,we]=QL(w,V);Y=ls(te.reverse(),"beforeRouteLeave",w,V);for(const m of te)m.leaveGuards.forEach(f=>{Y.push(hn(f,w,V))});const ce=L.bind(null,w,V);return Y.push(ce),na(Y).then(()=>{Y=[];for(const m of i.list())Y.push(hn(m,w,V));return Y.push(ce),na(Y)}).then(()=>{Y=ls(Z,"beforeRouteUpdate",w,V);for(const m of Z)m.updateGuards.forEach(f=>{Y.push(hn(f,w,V))});return Y.push(ce),na(Y)}).then(()=>{Y=[];for(const m of w.matched)if(m.beforeEnter&&!V.matched.includes(m))if(Lt(m.beforeEnter))for(const f of m.beforeEnter)Y.push(hn(f,w,V));else Y.push(hn(m.beforeEnter,w,V));return Y.push(ce),na(Y)}).then(()=>(w.matched.forEach(m=>m.enterCallbacks={}),Y=ls(we,"beforeRouteEnter",w,V),Y.push(ce),na(Y))).then(()=>{Y=[];for(const m of s.list())Y.push(hn(m,w,V));return Y.push(ce),na(Y)}).catch(m=>jt(m,8)?m:Promise.reject(m))}function W(w,V,Y){for(const te of o.list())te(w,V,Y)}function le(w,V,Y,te,Z){const we=y(w,V);if(we)return we;const ce=V===pn,m=la?history.state:{};Y&&(te||ce?r.replace(w.fullPath,Ae({scroll:ce&&m&&m.scroll},Z)):r.push(w.fullPath,Z)),l.value=w,ue(w,V,Y,ce),ee()}let fe;function Te(){fe||(fe=r.listen((w,V,Y)=>{if(!De.listening)return;const te=S(w),Z=H(te);if(Z){G(Ae(Z,{replace:!0}),te).catch(Ha);return}c=te;const we=l.value;la&&rL(Ec(we.fullPath,Y.delta),Fi()),K(te,we).catch(ce=>jt(ce,12)?ce:jt(ce,2)?(G(ce.to,te).then(m=>{jt(m,20)&&!Y.delta&&Y.type===sr.pop&&r.go(-1,!1)}).catch(Ha),Promise.reject()):(Y.delta&&r.go(-Y.delta,!1),D(ce,te,we))).then(ce=>{ce=ce||le(te,we,!1),ce&&(Y.delta&&!jt(ce,8)?r.go(-Y.delta,!1):Y.type===sr.pop&&jt(ce,20)&&r.go(-1,!1)),W(te,we,ce)}).catch(Ha)}))}let Ee=ka(),ye=ka(),A;function D(w,V,Y){ee(w);const te=ye.list();return te.length?te.forEach(Z=>Z(w,V,Y)):console.error(w),Promise.reject(w)}function F(){return A&&l.value!==pn?Promise.resolve():new Promise((w,V)=>{Ee.add([w,V])})}function ee(w){return A||(A=!w,Te(),Ee.list().forEach(([V,Y])=>w?Y(w):V()),Ee.reset()),w}function ue(w,V,Y,te){const{scrollBehavior:Z}=e;if(!la||!Z)return Promise.resolve();const we=!Y&&iL(Ec(w.fullPath,0))||(te||!Y)&&history.state&&history.state.scroll||null;return yo().then(()=>Z(w,V,we)).then(ce=>ce&&aL(ce)).catch(ce=>D(ce,w,V))}const ge=w=>r.go(w);let he;const qe=new Set,De={currentRoute:l,listening:!0,addRoute:p,removeRoute:g,hasRoute:b,getRoutes:h,resolve:S,options:e,push:R,replace:I,go:ge,back:()=>ge(-1),forward:()=>ge(1),beforeEach:i.add,beforeResolve:s.add,afterEach:o.add,onError:ye.add,isReady:F,install(w){const V=this;w.component("RouterLink",WL),w.component("RouterView",$L),w.config.globalProperties.$router=V,Object.defineProperty(w.config.globalProperties,"$route",{enumerable:!0,get:()=>lt(l)}),la&&!he&&l.value===pn&&(he=!0,R(r.location).catch(Z=>{}));const Y={};for(const Z in pn)Y[Z]=pt(()=>l.value[Z]);w.provide(Ui,V),w.provide(mp,Oa(Y)),w.provide(Gs,l);const te=w.unmount;qe.add(w),w.unmount=function(){qe.delete(w),qe.size<1&&(c=pn,fe&&fe(),fe=null,l.value=pn,he=!1,A=!1),te()}}};return De}function na(e){return e.reduce((t,n)=>t.then(()=>n()),Promise.resolve())}function QL(e,t){const n=[],a=[],r=[],i=Math.max(t.matched.length,e.matched.length);for(let s=0;s<i;s++){const o=t.matched[s];o&&(e.matched.find(c=>ya(c,o))?a.push(o):n.push(o));const l=e.matched[s];l&&(t.matched.find(c=>ya(c,l))||r.push(l))}return[n,a,r]}function jL(){return xt(Ui)}const XL={class:"content sharp-border"},ZL={key:0,class:"app-bar-space"},JL={__name:"App",setup(e){const{dark:t,setFont:n,setDark:a,font:r}=ku(),{setModules:i}=Lu(),{currentRoute:s}=jL();Hn(t,()=>{document.body.toggleAttribute("theme-dark")});const o=Ci(!1);Co(()=>{window.addEventListener("scroll",c)}),ou(()=>{const{fileModules:_}=HM();l(),i(WM(_))});const l=()=>{var g;const _=vn.getFont(),p=((g=Vn.find(h=>h.name===_))==null?void 0:g.class)||Vn[0].class;n(p),a(vn.getTheme()==="dark"),document.body.classList.add(r.value)},c=_=>{if(typeof window=="undefined")return;const p=window.pageYOffset||_.target.scrollTop;o.value=p>150},d=()=>{window.scroll({top:0,behavior:"smooth"})},u=pt(()=>["Home","Filter","Sort"].includes(s==null?void 0:s.value.name));return(_,p)=>{const g=QS("router-view"),h=uT;return Be(),We("div",null,[Ie(lt(KT)),_e("div",XL,[lt(u)?(Be(),We("div",ZL)):Is("",!0),Ie(g),o.value?(Be(),We("button",{key:1,class:"scroll-to-top circle small-shadow",onClick:d},[Ie(h)])):Is("",!0)]),Ie(lt(rv))])}}},eP=[{name:"Home",path:"/",component:()=>Jn(()=>import("./HomeView.ad0b283f.js"),["assets/HomeView.ad0b283f.js","assets/HomeView.669ed221.css","assets/tracker.d5d900f2.js"])},{name:"Filter",path:"/filter/:filterBy/:filterValue?",component:()=>Jn(()=>import("./HomeView.ad0b283f.js"),["assets/HomeView.ad0b283f.js","assets/HomeView.669ed221.css","assets/tracker.d5d900f2.js"])},{name:"Sort",path:"/sort/:sortBy",component:()=>Jn(()=>import("./HomeView.ad0b283f.js"),["assets/HomeView.ad0b283f.js","assets/HomeView.669ed221.css","assets/tracker.d5d900f2.js"])},{name:"Blog",path:"/blog/:name",component:()=>Jn(()=>import("./PostView.b98d53fb.js"),["assets/PostView.b98d53fb.js","assets/PostView.cdc27dd0.css","assets/tracker.d5d900f2.js"])},{name:"Series",path:"/blog/:series/:name",component:()=>Jn(()=>import("./PostView.b98d53fb.js"),["assets/PostView.b98d53fb.js","assets/PostView.cdc27dd0.css","assets/tracker.d5d900f2.js"])},{name:"404",path:"/:pathMatch(.*)*",component:()=>Jn(()=>import("./404View.522fb552.js"),["assets/404View.522fb552.js","assets/404View.7c5e5cbc.css"])}],tP=KL({history:dL(),routes:eP,scrollBehavior(e,t,n){return{top:(n==null?void 0:n.top)||0}}}),nP=nT(),ur=Jb(JL);ur.config.globalProperties.window=window;ur.config.globalProperties.$moment=z;ur.use(nP);ur.use(tP);ur.mount("#app");export{My as A,Iy as B,Fr as C,GT as D,Lu as E,ft as F,uP as G,_P as H,OS as I,IS as J,vn as S,Oo as _,_e as a,pt as b,We as c,lt as d,Is as e,Ie as f,Ll as g,z as h,jL as i,Ci as j,Co as k,dP as l,iP as m,Gn as n,Be as o,oP as p,Ts as q,ZS as r,Tu as s,Cd as t,ku as u,sP as v,Hn as w,cP as x,lP as y,lo as z};
+  */const la=typeof window!="undefined";function zM(e){return e.__esModule||e[Symbol.toStringTag]==="Module"}const Ae=Object.assign;function ss(e,t){const n={};for(const a in t){const r=t[a];n[a]=Lt(r)?r.map(e):e(r)}return n}const Ha=()=>{},Lt=Array.isArray,$M=/\/$/,KM=e=>e.replace($M,"");function os(e,t,n="/"){let a,r={},i="",s="";const o=t.indexOf("#");let l=t.indexOf("?");return o<l&&o>=0&&(l=-1),l>-1&&(a=t.slice(0,l),i=t.slice(l+1,o>-1?o:t.length),r=e(i)),o>-1&&(a=a||t.slice(0,o),s=t.slice(o,t.length)),a=ZM(a!=null?a:t,n),{fullPath:a+(i&&"?")+i+s,path:a,query:r,hash:s}}function QM(e,t){const n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}function hc(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||"/"}function jM(e,t,n){const a=t.matched.length-1,r=n.matched.length-1;return a>-1&&a===r&&ya(t.matched[a],n.matched[r])&&rp(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}function ya(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function rp(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(!XM(e[n],t[n]))return!1;return!0}function XM(e,t){return Lt(e)?fc(e,t):Lt(t)?fc(t,e):e===t}function fc(e,t){return Lt(t)?e.length===t.length&&e.every((n,a)=>n===t[a]):e.length===1&&e[0]===t}function ZM(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),a=e.split("/");let r=n.length-1,i,s;for(i=0;i<a.length;i++)if(s=a[i],s!==".")if(s==="..")r>1&&r--;else break;return n.slice(0,r).join("/")+"/"+a.slice(i-(i===a.length?1:0)).join("/")}var sr;(function(e){e.pop="pop",e.push="push"})(sr||(sr={}));var Wa;(function(e){e.back="back",e.forward="forward",e.unknown=""})(Wa||(Wa={}));function JM(e){if(!e)if(la){const t=document.querySelector("base");e=t&&t.getAttribute("href")||"/",e=e.replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return e[0]!=="/"&&e[0]!=="#"&&(e="/"+e),KM(e)}const eL=/^[^#]+#/;function tL(e,t){return e.replace(eL,"#")+t}function nL(e,t){const n=document.documentElement.getBoundingClientRect(),a=e.getBoundingClientRect();return{behavior:t.behavior,left:a.left-n.left-(t.left||0),top:a.top-n.top-(t.top||0)}}const Fi=()=>({left:window.pageXOffset,top:window.pageYOffset});function aL(e){let t;if("el"in e){const n=e.el,a=typeof n=="string"&&n.startsWith("#"),r=typeof n=="string"?a?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!r)return;t=nL(r,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(t.left!=null?t.left:window.pageXOffset,t.top!=null?t.top:window.pageYOffset)}function Ec(e,t){return(history.state?history.state.position-t:-1)+e}const Us=new Map;function rL(e,t){Us.set(e,t)}function iL(e){const t=Us.get(e);return Us.delete(e),t}let sL=()=>location.protocol+"//"+location.host;function ip(e,t){const{pathname:n,search:a,hash:r}=t,i=e.indexOf("#");if(i>-1){let o=r.includes(e.slice(i))?e.slice(i).length:1,l=r.slice(o);return l[0]!=="/"&&(l="/"+l),hc(l,"")}return hc(n,e)+a+r}function oL(e,t,n,a){let r=[],i=[],s=null;const o=({state:_})=>{const p=ip(e,location),g=n.value,h=t.value;let b=0;if(_){if(n.value=p,t.value=_,s&&s===g){s=null;return}b=h?_.position-h.position:0}else a(p);r.forEach(S=>{S(n.value,g,{delta:b,type:sr.pop,direction:b?b>0?Wa.forward:Wa.back:Wa.unknown})})};function l(){s=n.value}function c(_){r.push(_);const p=()=>{const g=r.indexOf(_);g>-1&&r.splice(g,1)};return i.push(p),p}function d(){const{history:_}=window;!_.state||_.replaceState(Ae({},_.state,{scroll:Fi()}),"")}function u(){for(const _ of i)_();i=[],window.removeEventListener("popstate",o),window.removeEventListener("beforeunload",d)}return window.addEventListener("popstate",o),window.addEventListener("beforeunload",d),{pauseListeners:l,listen:c,destroy:u}}function Sc(e,t,n,a=!1,r=!1){return{back:e,current:t,forward:n,replaced:a,position:window.history.length,scroll:r?Fi():null}}function lL(e){const{history:t,location:n}=window,a={value:ip(e,n)},r={value:t.state};r.value||i(a.value,{back:null,current:a.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function i(l,c,d){const u=e.indexOf("#"),_=u>-1?(n.host&&document.querySelector("base")?e:e.slice(u))+l:sL()+e+l;try{t[d?"replaceState":"pushState"](c,"",_),r.value=c}catch(p){console.error(p),n[d?"replace":"assign"](_)}}function s(l,c){const d=Ae({},t.state,Sc(r.value.back,l,r.value.forward,!0),c,{position:r.value.position});i(l,d,!0),a.value=l}function o(l,c){const d=Ae({},r.value,t.state,{forward:l,scroll:Fi()});i(d.current,d,!0);const u=Ae({},Sc(a.value,l,null),{position:d.position+1},c);i(l,u,!1),a.value=l}return{location:a,state:r,push:o,replace:s}}function cL(e){e=JM(e);const t=lL(e),n=oL(e,t.state,t.location,t.replace);function a(i,s=!0){s||n.pauseListeners(),history.go(i)}const r=Ae({location:"",base:e,go:a,createHref:tL.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 dL(e){return e=location.host?e||location.pathname+location.search:"",e.includes("#")||(e+="#"),cL(e)}function uL(e){return typeof e=="string"||e&&typeof e=="object"}function sp(e){return typeof e=="string"||typeof e=="symbol"}const pn={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},op=Symbol("");var bc;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(bc||(bc={}));function va(e,t){return Ae(new Error,{type:e,[op]:!0},t)}function jt(e,t){return e instanceof Error&&op in e&&(t==null||!!(e.type&t))}const Tc="[^/]+?",_L={sensitive:!1,strict:!1,start:!0,end:!0},pL=/[.+*?^${}()[\]/\\]/g;function mL(e,t){const n=Ae({},_L,t),a=[];let r=n.start?"^":"";const i=[];for(const c of e){const d=c.length?[]:[90];n.strict&&!c.length&&(r+="/");for(let u=0;u<c.length;u++){const _=c[u];let p=40+(n.sensitive?.25:0);if(_.type===0)u||(r+="/"),r+=_.value.replace(pL,"\\$&"),p+=40;else if(_.type===1){const{value:g,repeatable:h,optional:b,regexp:S}=_;i.push({name:g,repeatable:h,optional:b});const T=S||Tc;if(T!==Tc){p+=10;try{new RegExp(`(${T})`)}catch(R){throw new Error(`Invalid custom RegExp for param "${g}" (${T}): `+R.message)}}let y=h?`((?:${T})(?:/(?:${T}))*)`:`(${T})`;u||(y=b&&c.length<2?`(?:/${y})`:"/"+y),b&&(y+="?"),r+=y,p+=20,b&&(p+=-8),h&&(p+=-20),T===".*"&&(p+=-50)}d.push(p)}a.push(d)}if(n.strict&&n.end){const c=a.length-1;a[c][a[c].length-1]+=.7000000000000001}n.strict||(r+="/?"),n.end?r+="$":n.strict&&(r+="(?:/|$)");const s=new RegExp(r,n.sensitive?"":"i");function o(c){const d=c.match(s),u={};if(!d)return null;for(let _=1;_<d.length;_++){const p=d[_]||"",g=i[_-1];u[g.name]=p&&g.repeatable?p.split("/"):p}return u}function l(c){let d="",u=!1;for(const _ of e){(!u||!d.endsWith("/"))&&(d+="/"),u=!1;for(const p of _)if(p.type===0)d+=p.value;else if(p.type===1){const{value:g,repeatable:h,optional:b}=p,S=g in c?c[g]:"";if(Lt(S)&&!h)throw new Error(`Provided param "${g}" is an array but it is not repeatable (* or + modifiers)`);const T=Lt(S)?S.join("/"):S;if(!T)if(b)_.length<2&&(d.endsWith("/")?d=d.slice(0,-1):u=!0);else throw new Error(`Missing required param "${g}"`);d+=T}}return d||"/"}return{re:s,score:a,keys:i,parse:o,stringify:l}}function gL(e,t){let n=0;for(;n<e.length&&n<t.length;){const a=t[n]-e[n];if(a)return a;n++}return e.length<t.length?e.length===1&&e[0]===40+40?-1:1:e.length>t.length?t.length===1&&t[0]===40+40?1:-1:0}function hL(e,t){let n=0;const a=e.score,r=t.score;for(;n<a.length&&n<r.length;){const i=gL(a[n],r[n]);if(i)return i;n++}if(Math.abs(r.length-a.length)===1){if(yc(a))return 1;if(yc(r))return-1}return r.length-a.length}function yc(e){const t=e[e.length-1];return e.length>0&&t[t.length-1]<0}const fL={type:0,value:""},EL=/[a-zA-Z0-9_]/;function SL(e){if(!e)return[[]];if(e==="/")return[[fL]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function t(p){throw new Error(`ERR (${n})/"${c}": ${p}`)}let n=0,a=n;const r=[];let i;function s(){i&&r.push(i),i=[]}let o=0,l,c="",d="";function u(){!c||(n===0?i.push({type:0,value:c}):n===1||n===2||n===3?(i.length>1&&(l==="*"||l==="+")&&t(`A repeatable param (${c}) must be alone in its segment. eg: '/:ids+.`),i.push({type:1,value:c,regexp:d,repeatable:l==="*"||l==="+",optional:l==="*"||l==="?"})):t("Invalid state to consume buffer"),c="")}function _(){c+=l}for(;o<e.length;){if(l=e[o++],l==="\\"&&n!==2){a=n,n=4;continue}switch(n){case 0:l==="/"?(c&&u(),s()):l===":"?(u(),n=1):_();break;case 4:_(),n=a;break;case 1:l==="("?n=2:EL.test(l)?_():(u(),n=0,l!=="*"&&l!=="?"&&l!=="+"&&o--);break;case 2:l===")"?d[d.length-1]=="\\"?d=d.slice(0,-1)+l:n=3:d+=l;break;case 3:u(),n=0,l!=="*"&&l!=="?"&&l!=="+"&&o--,d="";break;default:t("Unknown state");break}}return n===2&&t(`Unfinished custom RegExp for param "${c}"`),u(),s(),r}function bL(e,t,n){const a=mL(SL(e.path),n),r=Ae(a,{record:e,parent:t,children:[],alias:[]});return t&&!r.record.aliasOf==!t.record.aliasOf&&t.children.push(r),r}function TL(e,t){const n=[],a=new Map;t=Rc({strict:!1,end:!0,sensitive:!1},t);function r(d){return a.get(d)}function i(d,u,_){const p=!_,g=yL(d);g.aliasOf=_&&_.record;const h=Rc(t,d),b=[g];if("alias"in d){const y=typeof d.alias=="string"?[d.alias]:d.alias;for(const R of y)b.push(Ae({},g,{components:_?_.record.components:g.components,path:R,aliasOf:_?_.record:g}))}let S,T;for(const y of b){const{path:R}=y;if(u&&R[0]!=="/"){const I=u.record.path,H=I[I.length-1]==="/"?"":"/";y.path=u.record.path+(R&&H+R)}if(S=bL(y,u,h),_?_.alias.push(S):(T=T||S,T!==S&&T.alias.push(S),p&&d.name&&!Cc(S)&&s(d.name)),g.children){const I=g.children;for(let H=0;H<I.length;H++)i(I[H],S,_&&_.children[H])}_=_||S,(S.record.components&&Object.keys(S.record.components).length||S.record.name||S.record.redirect)&&l(S)}return T?()=>{s(T)}:Ha}function s(d){if(sp(d)){const u=a.get(d);u&&(a.delete(d),n.splice(n.indexOf(u),1),u.children.forEach(s),u.alias.forEach(s))}else{const u=n.indexOf(d);u>-1&&(n.splice(u,1),d.record.name&&a.delete(d.record.name),d.children.forEach(s),d.alias.forEach(s))}}function o(){return n}function l(d){let u=0;for(;u<n.length&&hL(d,n[u])>=0&&(d.record.path!==n[u].record.path||!lp(d,n[u]));)u++;n.splice(u,0,d),d.record.name&&!Cc(d)&&a.set(d.record.name,d)}function c(d,u){let _,p={},g,h;if("name"in d&&d.name){if(_=a.get(d.name),!_)throw va(1,{location:d});h=_.record.name,p=Ae(vc(u.params,_.keys.filter(T=>!T.optional).map(T=>T.name)),d.params&&vc(d.params,_.keys.map(T=>T.name))),g=_.stringify(p)}else if("path"in d)g=d.path,_=n.find(T=>T.re.test(g)),_&&(p=_.parse(g),h=_.record.name);else{if(_=u.name?a.get(u.name):n.find(T=>T.re.test(u.path)),!_)throw va(1,{location:d,currentLocation:u});h=_.record.name,p=Ae({},u.params,d.params),g=_.stringify(p)}const b=[];let S=_;for(;S;)b.unshift(S.record),S=S.parent;return{name:h,path:g,params:p,matched:b,meta:CL(b)}}return e.forEach(d=>i(d)),{addRoute:i,resolve:c,removeRoute:s,getRoutes:o,getRecordMatcher:r}}function vc(e,t){const n={};for(const a of t)a in e&&(n[a]=e[a]);return n}function yL(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:vL(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||null:e.component&&{default:e.component}}}function vL(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(const a in e.components)t[a]=typeof n=="boolean"?n:n[a];return t}function Cc(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function CL(e){return e.reduce((t,n)=>Ae(t,n.meta),{})}function Rc(e,t){const n={};for(const a in e)n[a]=a in t?t[a]:e[a];return n}function lp(e,t){return t.children.some(n=>n===e||lp(e,n))}const cp=/#/g,RL=/&/g,wL=/\//g,NL=/=/g,OL=/\?/g,dp=/\+/g,IL=/%5B/g,AL=/%5D/g,up=/%5E/g,DL=/%60/g,_p=/%7B/g,xL=/%7C/g,pp=/%7D/g,kL=/%20/g;function Vo(e){return encodeURI(""+e).replace(xL,"|").replace(IL,"[").replace(AL,"]")}function ML(e){return Vo(e).replace(_p,"{").replace(pp,"}").replace(up,"^")}function Bs(e){return Vo(e).replace(dp,"%2B").replace(kL,"+").replace(cp,"%23").replace(RL,"%26").replace(DL,"`").replace(_p,"{").replace(pp,"}").replace(up,"^")}function LL(e){return Bs(e).replace(NL,"%3D")}function PL(e){return Vo(e).replace(cp,"%23").replace(OL,"%3F")}function FL(e){return e==null?"":PL(e).replace(wL,"%2F")}function si(e){try{return decodeURIComponent(""+e)}catch{}return""+e}function UL(e){const t={};if(e===""||e==="?")return t;const a=(e[0]==="?"?e.slice(1):e).split("&");for(let r=0;r<a.length;++r){const i=a[r].replace(dp," "),s=i.indexOf("="),o=si(s<0?i:i.slice(0,s)),l=s<0?null:si(i.slice(s+1));if(o in t){let c=t[o];Lt(c)||(c=t[o]=[c]),c.push(l)}else t[o]=l}return t}function wc(e){let t="";for(let n in e){const a=e[n];if(n=LL(n),a==null){a!==void 0&&(t+=(t.length?"&":"")+n);continue}(Lt(a)?a.map(i=>i&&Bs(i)):[a&&Bs(a)]).forEach(i=>{i!==void 0&&(t+=(t.length?"&":"")+n,i!=null&&(t+="="+i))})}return t}function BL(e){const t={};for(const n in e){const a=e[n];a!==void 0&&(t[n]=Lt(a)?a.map(r=>r==null?null:""+r):a==null?a:""+a)}return t}const GL=Symbol(""),Nc=Symbol(""),Ui=Symbol(""),mp=Symbol(""),Gs=Symbol("");function ka(){let e=[];function t(a){return e.push(a),()=>{const r=e.indexOf(a);r>-1&&e.splice(r,1)}}function n(){e=[]}return{add:t,list:()=>e,reset:n}}function hn(e,t,n,a,r){const i=a&&(a.enterCallbacks[r]=a.enterCallbacks[r]||[]);return()=>new Promise((s,o)=>{const l=u=>{u===!1?o(va(4,{from:n,to:t})):u instanceof Error?o(u):uL(u)?o(va(2,{from:t,to:u})):(i&&a.enterCallbacks[r]===i&&typeof u=="function"&&i.push(u),s())},c=e.call(a&&a.instances[r],t,n,l);let d=Promise.resolve(c);e.length<3&&(d=d.then(l)),d.catch(u=>o(u))})}function ls(e,t,n,a){const r=[];for(const i of e)for(const s in i.components){let o=i.components[s];if(!(t!=="beforeRouteEnter"&&!i.instances[s]))if(YL(o)){const c=(o.__vccOpts||o)[t];c&&r.push(hn(c,n,a,i,s))}else{let l=o();r.push(()=>l.then(c=>{if(!c)return Promise.reject(new Error(`Couldn't resolve component "${s}" at "${i.path}"`));const d=zM(c)?c.default:c;i.components[s]=d;const _=(d.__vccOpts||d)[t];return _&&hn(_,n,a,i,s)()}))}}return r}function YL(e){return typeof e=="object"||"displayName"in e||"props"in e||"__vccOpts"in e}function Oc(e){const t=xt(Ui),n=xt(mp),a=pt(()=>t.resolve(lt(e.to))),r=pt(()=>{const{matched:l}=a.value,{length:c}=l,d=l[c-1],u=n.matched;if(!d||!u.length)return-1;const _=u.findIndex(ya.bind(null,d));if(_>-1)return _;const p=Ic(l[c-2]);return c>1&&Ic(d)===p&&u[u.length-1].path!==p?u.findIndex(ya.bind(null,l[c-2])):_}),i=pt(()=>r.value>-1&&qL(n.params,a.value.params)),s=pt(()=>r.value>-1&&r.value===n.matched.length-1&&rp(n.params,a.value.params));function o(l={}){return VL(l)?t[lt(e.replace)?"replace":"push"](lt(e.to)).catch(Ha):Promise.resolve()}return{route:a,href:pt(()=>a.value.href),isActive:i,isExactActive:s,navigate:o}}const HL=iu({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:Oc,setup(e,{slots:t}){const n=Oa(Oc(e)),{options:a}=xt(Ui),r=pt(()=>({[Ac(e.activeClass,a.linkActiveClass,"router-link-active")]:n.isActive,[Ac(e.exactActiveClass,a.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive}));return()=>{const i=t.default&&t.default(n);return e.custom?i:wu("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:r.value},i)}}}),WL=HL;function VL(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function qL(e,t){for(const n in t){const a=t[n],r=e[n];if(typeof a=="string"){if(a!==r)return!1}else if(!Lt(r)||r.length!==a.length||a.some((i,s)=>i!==r[s]))return!1}return!0}function Ic(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const Ac=(e,t,n)=>e!=null?e:t!=null?t:n,zL=iu({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:n}){const a=xt(Gs),r=pt(()=>e.route||a.value),i=xt(Nc,0),s=pt(()=>{let c=lt(i);const{matched:d}=r.value;let u;for(;(u=d[c])&&!u.components;)c++;return c}),o=pt(()=>r.value.matched[s.value]);Lr(Nc,pt(()=>s.value+1)),Lr(GL,o),Lr(Gs,r);const l=Ci();return Hn(()=>[l.value,o.value,e.name],([c,d,u],[_,p,g])=>{d&&(d.instances[u]=c,p&&p!==d&&c&&c===_&&(d.leaveGuards.size||(d.leaveGuards=p.leaveGuards),d.updateGuards.size||(d.updateGuards=p.updateGuards))),c&&d&&(!p||!ya(d,p)||!_)&&(d.enterCallbacks[u]||[]).forEach(h=>h(c))},{flush:"post"}),()=>{const c=r.value,d=e.name,u=o.value,_=u&&u.components[d];if(!_)return Dc(n.default,{Component:_,route:c});const p=u.props[d],g=p?p===!0?c.params:typeof p=="function"?p(c):p:null,b=wu(_,Ae({},g,t,{onVnodeUnmounted:S=>{S.component.isUnmounted&&(u.instances[d]=null)},ref:l}));return Dc(n.default,{Component:b,route:c})||b}}});function Dc(e,t){if(!e)return null;const n=e(t);return n.length===1?n[0]:n}const $L=zL;function KL(e){const t=TL(e.routes,e),n=e.parseQuery||UL,a=e.stringifyQuery||wc,r=e.history,i=ka(),s=ka(),o=ka(),l=gS(pn);let c=pn;la&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const d=ss.bind(null,w=>""+w),u=ss.bind(null,FL),_=ss.bind(null,si);function p(w,V){let Y,te;return sp(w)?(Y=t.getRecordMatcher(w),te=V):te=w,t.addRoute(te,Y)}function g(w){const V=t.getRecordMatcher(w);V&&t.removeRoute(V)}function h(){return t.getRoutes().map(w=>w.record)}function b(w){return!!t.getRecordMatcher(w)}function S(w,V){if(V=Ae({},V||l.value),typeof w=="string"){const m=os(n,w,V.path),f=t.resolve({path:m.path},V),v=r.createHref(m.fullPath);return Ae(m,f,{params:_(f.params),hash:si(m.hash),redirectedFrom:void 0,href:v})}let Y;if("path"in w)Y=Ae({},w,{path:os(n,w.path,V.path).path});else{const m=Ae({},w.params);for(const f in m)m[f]==null&&delete m[f];Y=Ae({},w,{params:u(w.params)}),V.params=u(V.params)}const te=t.resolve(Y,V),Z=w.hash||"";te.params=d(_(te.params));const we=QM(a,Ae({},w,{hash:ML(Z),path:te.path})),ce=r.createHref(we);return Ae({fullPath:we,hash:Z,query:a===wc?BL(w.query):w.query||{}},te,{redirectedFrom:void 0,href:ce})}function T(w){return typeof w=="string"?os(n,w,l.value.path):Ae({},w)}function y(w,V){if(c!==w)return va(8,{from:V,to:w})}function R(w){return G(w)}function I(w){return R(Ae(T(w),{replace:!0}))}function H(w){const V=w.matched[w.matched.length-1];if(V&&V.redirect){const{redirect:Y}=V;let te=typeof Y=="function"?Y(w):Y;return typeof te=="string"&&(te=te.includes("?")||te.includes("#")?te=T(te):{path:te},te.params={}),Ae({query:w.query,hash:w.hash,params:"path"in te?{}:w.params},te)}}function G(w,V){const Y=c=S(w),te=l.value,Z=w.state,we=w.force,ce=w.replace===!0,m=H(Y);if(m)return G(Ae(T(m),{state:typeof m=="object"?Ae({},Z,m.state):Z,force:we,replace:ce}),V||Y);const f=Y;f.redirectedFrom=V;let v;return!we&&jM(a,te,Y)&&(v=va(16,{to:f,from:te}),ue(te,te,!0,!1)),(v?Promise.resolve(v):K(f,te)).catch(N=>jt(N)?jt(N,2)?N:ee(N):D(N,f,te)).then(N=>{if(N){if(jt(N,2))return G(Ae({replace:ce},T(N.to),{state:typeof N.to=="object"?Ae({},Z,N.to.state):Z,force:we}),V||f)}else N=le(f,te,!0,ce,Z);return W(f,te,N),N})}function L(w,V){const Y=y(w,V);return Y?Promise.reject(Y):Promise.resolve()}function K(w,V){let Y;const[te,Z,we]=QL(w,V);Y=ls(te.reverse(),"beforeRouteLeave",w,V);for(const m of te)m.leaveGuards.forEach(f=>{Y.push(hn(f,w,V))});const ce=L.bind(null,w,V);return Y.push(ce),na(Y).then(()=>{Y=[];for(const m of i.list())Y.push(hn(m,w,V));return Y.push(ce),na(Y)}).then(()=>{Y=ls(Z,"beforeRouteUpdate",w,V);for(const m of Z)m.updateGuards.forEach(f=>{Y.push(hn(f,w,V))});return Y.push(ce),na(Y)}).then(()=>{Y=[];for(const m of w.matched)if(m.beforeEnter&&!V.matched.includes(m))if(Lt(m.beforeEnter))for(const f of m.beforeEnter)Y.push(hn(f,w,V));else Y.push(hn(m.beforeEnter,w,V));return Y.push(ce),na(Y)}).then(()=>(w.matched.forEach(m=>m.enterCallbacks={}),Y=ls(we,"beforeRouteEnter",w,V),Y.push(ce),na(Y))).then(()=>{Y=[];for(const m of s.list())Y.push(hn(m,w,V));return Y.push(ce),na(Y)}).catch(m=>jt(m,8)?m:Promise.reject(m))}function W(w,V,Y){for(const te of o.list())te(w,V,Y)}function le(w,V,Y,te,Z){const we=y(w,V);if(we)return we;const ce=V===pn,m=la?history.state:{};Y&&(te||ce?r.replace(w.fullPath,Ae({scroll:ce&&m&&m.scroll},Z)):r.push(w.fullPath,Z)),l.value=w,ue(w,V,Y,ce),ee()}let fe;function Te(){fe||(fe=r.listen((w,V,Y)=>{if(!De.listening)return;const te=S(w),Z=H(te);if(Z){G(Ae(Z,{replace:!0}),te).catch(Ha);return}c=te;const we=l.value;la&&rL(Ec(we.fullPath,Y.delta),Fi()),K(te,we).catch(ce=>jt(ce,12)?ce:jt(ce,2)?(G(ce.to,te).then(m=>{jt(m,20)&&!Y.delta&&Y.type===sr.pop&&r.go(-1,!1)}).catch(Ha),Promise.reject()):(Y.delta&&r.go(-Y.delta,!1),D(ce,te,we))).then(ce=>{ce=ce||le(te,we,!1),ce&&(Y.delta&&!jt(ce,8)?r.go(-Y.delta,!1):Y.type===sr.pop&&jt(ce,20)&&r.go(-1,!1)),W(te,we,ce)}).catch(Ha)}))}let Ee=ka(),ye=ka(),A;function D(w,V,Y){ee(w);const te=ye.list();return te.length?te.forEach(Z=>Z(w,V,Y)):console.error(w),Promise.reject(w)}function F(){return A&&l.value!==pn?Promise.resolve():new Promise((w,V)=>{Ee.add([w,V])})}function ee(w){return A||(A=!w,Te(),Ee.list().forEach(([V,Y])=>w?Y(w):V()),Ee.reset()),w}function ue(w,V,Y,te){const{scrollBehavior:Z}=e;if(!la||!Z)return Promise.resolve();const we=!Y&&iL(Ec(w.fullPath,0))||(te||!Y)&&history.state&&history.state.scroll||null;return yo().then(()=>Z(w,V,we)).then(ce=>ce&&aL(ce)).catch(ce=>D(ce,w,V))}const ge=w=>r.go(w);let he;const qe=new Set,De={currentRoute:l,listening:!0,addRoute:p,removeRoute:g,hasRoute:b,getRoutes:h,resolve:S,options:e,push:R,replace:I,go:ge,back:()=>ge(-1),forward:()=>ge(1),beforeEach:i.add,beforeResolve:s.add,afterEach:o.add,onError:ye.add,isReady:F,install(w){const V=this;w.component("RouterLink",WL),w.component("RouterView",$L),w.config.globalProperties.$router=V,Object.defineProperty(w.config.globalProperties,"$route",{enumerable:!0,get:()=>lt(l)}),la&&!he&&l.value===pn&&(he=!0,R(r.location).catch(Z=>{}));const Y={};for(const Z in pn)Y[Z]=pt(()=>l.value[Z]);w.provide(Ui,V),w.provide(mp,Oa(Y)),w.provide(Gs,l);const te=w.unmount;qe.add(w),w.unmount=function(){qe.delete(w),qe.size<1&&(c=pn,fe&&fe(),fe=null,l.value=pn,he=!1,A=!1),te()}}};return De}function na(e){return e.reduce((t,n)=>t.then(()=>n()),Promise.resolve())}function QL(e,t){const n=[],a=[],r=[],i=Math.max(t.matched.length,e.matched.length);for(let s=0;s<i;s++){const o=t.matched[s];o&&(e.matched.find(c=>ya(c,o))?a.push(o):n.push(o));const l=e.matched[s];l&&(t.matched.find(c=>ya(c,l))||r.push(l))}return[n,a,r]}function jL(){return xt(Ui)}const XL={class:"content sharp-border"},ZL={key:0,class:"app-bar-space"},JL={__name:"App",setup(e){const{dark:t,setFont:n,setDark:a,font:r}=ku(),{setModules:i}=Lu(),{currentRoute:s}=jL();Hn(t,()=>{document.body.toggleAttribute("theme-dark")});const o=Ci(!1);Co(()=>{window.addEventListener("scroll",c)}),ou(()=>{const{fileModules:_}=HM();l(),i(WM(_))});const l=()=>{var g;const _=vn.getFont(),p=((g=Vn.find(h=>h.name===_))==null?void 0:g.class)||Vn[0].class;n(p),a(vn.getTheme()==="dark"),document.body.classList.add(r.value)},c=_=>{if(typeof window=="undefined")return;const p=window.pageYOffset||_.target.scrollTop;o.value=p>150},d=()=>{window.scroll({top:0,behavior:"smooth"})},u=pt(()=>["Home","Filter","Sort"].includes(s==null?void 0:s.value.name));return(_,p)=>{const g=QS("router-view"),h=uT;return Be(),We("div",null,[Ie(lt(KT)),_e("div",XL,[lt(u)?(Be(),We("div",ZL)):Is("",!0),Ie(g),o.value?(Be(),We("button",{key:1,class:"scroll-to-top circle small-shadow",onClick:d},[Ie(h)])):Is("",!0)]),Ie(lt(rv))])}}},eP=[{name:"Home",path:"/",component:()=>Jn(()=>import("./HomeView.b04ec14c.js"),["assets/HomeView.b04ec14c.js","assets/HomeView.669ed221.css","assets/tracker.d5d900f2.js"])},{name:"Filter",path:"/filter/:filterBy/:filterValue?",component:()=>Jn(()=>import("./HomeView.b04ec14c.js"),["assets/HomeView.b04ec14c.js","assets/HomeView.669ed221.css","assets/tracker.d5d900f2.js"])},{name:"Sort",path:"/sort/:sortBy",component:()=>Jn(()=>import("./HomeView.b04ec14c.js"),["assets/HomeView.b04ec14c.js","assets/HomeView.669ed221.css","assets/tracker.d5d900f2.js"])},{name:"Blog",path:"/blog/:name",component:()=>Jn(()=>import("./PostView.5df3145f.js"),["assets/PostView.5df3145f.js","assets/PostView.cdc27dd0.css","assets/tracker.d5d900f2.js"])},{name:"Series",path:"/blog/:series/:name",component:()=>Jn(()=>import("./PostView.5df3145f.js"),["assets/PostView.5df3145f.js","assets/PostView.cdc27dd0.css","assets/tracker.d5d900f2.js"])},{name:"404",path:"/:pathMatch(.*)*",component:()=>Jn(()=>import("./404View.dd7eb74c.js"),["assets/404View.dd7eb74c.js","assets/404View.7c5e5cbc.css"])}],tP=KL({history:dL(),routes:eP,scrollBehavior(e,t,n){return{top:(n==null?void 0:n.top)||0}}}),nP=nT(),ur=Jb(JL);ur.config.globalProperties.window=window;ur.config.globalProperties.$moment=z;ur.use(nP);ur.use(tP);ur.mount("#app");export{My as A,Iy as B,Fr as C,GT as D,Lu as E,ft as F,uP as G,_P as H,OS as I,IS as J,vn as S,Oo as _,_e as a,pt as b,We as c,lt as d,Is as e,Ie as f,Ll as g,z as h,jL as i,Ci as j,Co as k,dP as l,iP as m,Gn as n,Be as o,oP as p,Ts as q,ZS as r,Tu as s,Cd as t,ku as u,sP as v,Hn as w,cP as x,lP as y,lo as z};
diff --git a/docs/index.html b/docs/index.html
index 819730b..2db07a5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -9,7 +9,7 @@
     <meta name="twitter:title" property="og:title" itemprop="title name" />
     <meta name="twitter:description" property="og:description" itemprop="description" />
     <title>Blog | JankariTech</title>
-    <script type="module" crossorigin src="/assets/index.040b0aab.js"></script>
+    <script type="module" crossorigin src="/assets/index.6bfae8aa.js"></script>
     <link rel="stylesheet" href="/assets/index.3457e00e.css">
   </head>
   <body>
diff --git a/docs/src/assets/VueOptionVsCompositionAPI/options-vs-composition-api.md b/docs/src/assets/VueOptionVsCompositionAPI/options-vs-composition-api.md
index ee2f68d..4e09868 100644
--- a/docs/src/assets/VueOptionVsCompositionAPI/options-vs-composition-api.md
+++ b/docs/src/assets/VueOptionVsCompositionAPI/options-vs-composition-api.md
@@ -76,8 +76,8 @@ In this demo app the properties `data`, `methods`, `computed`, and `watch` have
 ## Converting to ****Composition API****
 
 ### 1. Defining ****data****
-    When defining the data necessary for a component, in `Composition API`, we have to make it reactive to mutate or change values with `ref` or `reactive` provided by Vue.js.
-    So data property can be defined as:
+When defining the data necessary for a component, in `Composition API`, we have to make it reactive to mutate or change values with `ref` or `reactive` provided by Vue.js.
+So data property can be defined as:
   ```js
    // data
     const data = reactive({
@@ -89,7 +89,7 @@ In this demo app the properties `data`, `methods`, `computed`, and `watch` have
    ```
 
 ### 2. Defining ****methods****
-    Defining the methods is very simple. It is just as easy as defining functions in JavaScript.
+Defining the methods is very simple. It is just as easy as defining functions in JavaScript.
   ```js
     // methods
     function increaseAge() {
@@ -103,7 +103,7 @@ In this demo app the properties `data`, `methods`, `computed`, and `watch` have
    The above function changes the `age` property of the data defined in `data` which is reactive.
 
 ### 3. Defining ****computed****
-   To define the computed property Vue provides the method called `computed` through which we can explicitly define the computed function.
+To define the computed property Vue provides the method called `computed` through which we can explicitly define the computed function.
    ```js
    //computed
     const getVotingStatus = computed(() => {
@@ -113,7 +113,7 @@ In this demo app the properties `data`, `methods`, `computed`, and `watch` have
    Here the operation `getVotingStatus` returns the voting status based on value of age.
 
 ### 4. Defining ****watch****
-    Similarly, Vue has provided a `watch` function to watch the change in any data properties defined.
+Similarly, Vue has provided a `watch` function to watch the change in any data properties defined.
   ```js
    //watcher
     watch(mainData.age, (oldAge, newAge) => {