diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0a76d50..63341ae 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [1.0.16](https://github.com/kouts/vue3-ts-vite-starter-template/compare/v1.0.15...v1.0.16) (2023-07-04)
+
+
+### Bug Fixes
+
+* updated npm packages ([0c01013](https://github.com/kouts/vue3-ts-vite-starter-template/commit/0c01013541b23eba568d33ec6ffa5d831af45daf))
+
 ## [1.0.15](https://github.com/kouts/vue3-ts-vite-starter-template/compare/v1.0.14...v1.0.15) (2023-06-04)
 
 
diff --git a/dist/assets/About-f7cd99a9.js b/dist/assets/About-6fa3ae80.js
similarity index 74%
rename from dist/assets/About-f7cd99a9.js
rename to dist/assets/About-6fa3ae80.js
index f3bced5..5f32efe 100644
--- a/dist/assets/About-f7cd99a9.js
+++ b/dist/assets/About-6fa3ae80.js
@@ -1 +1 @@
-import{_ as e,o as t,c as o,a as s}from"./index-7f06857d.js";const a={name:"About"},c={class:"container"},n=s("h1",null,"This is the about page",-1),_=[n];function r(i,d,p,u,h,l){return t(),o("div",c,_)}const m=e(a,[["render",r]]);export{m as default};
+import{_ as e,o as t,c as o,a as s}from"./index-f71361db.js";const a={name:"About"},c={class:"container"},n=s("h1",null,"This is the about page",-1),_=[n];function r(i,d,p,u,h,l){return t(),o("div",c,_)}const m=e(a,[["render",r]]);export{m as default};
diff --git a/dist/assets/index-7f06857d.js b/dist/assets/index-f71361db.js
similarity index 99%
rename from dist/assets/index-7f06857d.js
rename to dist/assets/index-f71361db.js
index d03519c..e32ecf9 100644
--- a/dist/assets/index-7f06857d.js
+++ b/dist/assets/index-f71361db.js
@@ -3,7 +3,7 @@
   * (c) 2023 Eduardo San Martin Morote
   * @license MIT
   */const dt=typeof window<"u";function nc(e){return e.__esModule||e[Symbol.toStringTag]==="Module"}const q=Object.assign;function Fn(e,t){const n={};for(const s in t){const r=t[s];n[s]=Re(r)?r.map(e):e(r)}return n}const Lt=()=>{},Re=Array.isArray,sc=/\/$/,rc=e=>e.replace(sc,"");function jn(e,t,n="/"){let s,r={},o="",i="";const c=t.indexOf("#");let l=t.indexOf("?");return c<l&&c>=0&&(l=-1),l>-1&&(s=t.slice(0,l),o=t.slice(l+1,c>-1?c:t.length),r=e(o)),c>-1&&(s=s||t.slice(0,c),i=t.slice(c,t.length)),s=cc(s??t,n),{fullPath:s+(o&&"?")+o+i,path:s,query:r,hash:i}}function oc(e,t){const n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}function rr(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||"/"}function ic(e,t,n){const s=t.matched.length-1,r=n.matched.length-1;return s>-1&&s===r&&wt(t.matched[s],n.matched[r])&&Eo(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}function wt(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function Eo(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(!lc(e[n],t[n]))return!1;return!0}function lc(e,t){return Re(e)?or(e,t):Re(t)?or(t,e):e===t}function or(e,t){return Re(t)?e.length===t.length&&e.every((n,s)=>n===t[s]):e.length===1&&e[0]===t}function cc(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),s=e.split("/"),r=s[s.length-1];(r===".."||r===".")&&s.push("");let o=n.length-1,i,c;for(i=0;i<s.length;i++)if(c=s[i],c!==".")if(c==="..")o>1&&o--;else break;return n.slice(0,o).join("/")+"/"+s.slice(i-(i===s.length?1:0)).join("/")}var Vt;(function(e){e.pop="pop",e.push="push"})(Vt||(Vt={}));var kt;(function(e){e.back="back",e.forward="forward",e.unknown=""})(kt||(kt={}));function uc(e){if(!e)if(dt){const t=document.querySelector("base");e=t&&t.getAttribute("href")||"/",e=e.replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return e[0]!=="/"&&e[0]!=="#"&&(e="/"+e),rc(e)}const fc=/^[^#]+#/;function ac(e,t){return e.replace(fc,"#")+t}function dc(e,t){const n=document.documentElement.getBoundingClientRect(),s=e.getBoundingClientRect();return{behavior:t.behavior,left:s.left-n.left-(t.left||0),top:s.top-n.top-(t.top||0)}}const Cn=()=>({left:window.pageXOffset,top:window.pageYOffset});function hc(e){let t;if("el"in e){const n=e.el,s=typeof n=="string"&&n.startsWith("#"),r=typeof n=="string"?s?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!r)return;t=dc(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 ir(e,t){return(history.state?history.state.position-t:-1)+e}const Jn=new Map;function pc(e,t){Jn.set(e,t)}function gc(e){const t=Jn.get(e);return Jn.delete(e),t}let mc=()=>location.protocol+"//"+location.host;function xo(e,t){const{pathname:n,search:s,hash:r}=t,o=e.indexOf("#");if(o>-1){let c=r.includes(e.slice(o))?e.slice(o).length:1,l=r.slice(c);return l[0]!=="/"&&(l="/"+l),rr(l,"")}return rr(n,e)+s+r}function _c(e,t,n,s){let r=[],o=[],i=null;const c=({state:g})=>{const E=xo(e,location),A=n.value,T=t.value;let L=0;if(g){if(n.value=E,t.value=g,i&&i===A){i=null;return}L=T?g.position-T.position:0}else s(E);r.forEach($=>{$(n.value,A,{delta:L,type:Vt.pop,direction:L?L>0?kt.forward:kt.back:kt.unknown})})};function l(){i=n.value}function a(g){r.push(g);const E=()=>{const A=r.indexOf(g);A>-1&&r.splice(A,1)};return o.push(E),E}function d(){const{history:g}=window;g.state&&g.replaceState(q({},g.state,{scroll:Cn()}),"")}function p(){for(const g of o)g();o=[],window.removeEventListener("popstate",c),window.removeEventListener("beforeunload",d)}return window.addEventListener("popstate",c),window.addEventListener("beforeunload",d,{passive:!0}),{pauseListeners:l,listen:a,destroy:p}}function lr(e,t,n,s=!1,r=!1){return{back:e,current:t,forward:n,replaced:s,position:window.history.length,scroll:r?Cn():null}}function vc(e){const{history:t,location:n}=window,s={value:xo(e,n)},r={value:t.state};r.value||o(s.value,{back:null,current:s.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function o(l,a,d){const p=e.indexOf("#"),g=p>-1?(n.host&&document.querySelector("base")?e:e.slice(p))+l:mc()+e+l;try{t[d?"replaceState":"pushState"](a,"",g),r.value=a}catch(E){console.error(E),n[d?"replace":"assign"](g)}}function i(l,a){const d=q({},t.state,lr(r.value.back,l,r.value.forward,!0),a,{position:r.value.position});o(l,d,!0),s.value=l}function c(l,a){const d=q({},r.value,t.state,{forward:l,scroll:Cn()});o(d.current,d,!0);const p=q({},lr(s.value,l,null),{position:d.position+1},a);o(l,p,!1),s.value=l}return{location:s,state:r,push:c,replace:i}}function bc(e){e=uc(e);const t=vc(e),n=_c(e,t.state,t.location,t.replace);function s(o,i=!0){i||n.pauseListeners(),history.go(o)}const r=q({location:"",base:e,go:s,createHref:ac.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 yc(e){return e=location.host?e||location.pathname+location.search:"",e.includes("#")||(e+="#"),bc(e)}function Ec(e){return typeof e=="string"||e&&typeof e=="object"}function wo(e){return typeof e=="string"||typeof e=="symbol"}const We={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},Ro=Symbol("");var cr;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(cr||(cr={}));function Rt(e,t){return q(new Error,{type:e,[Ro]:!0},t)}function He(e,t){return e instanceof Error&&Ro in e&&(t==null||!!(e.type&t))}const ur="[^/]+?",xc={sensitive:!1,strict:!1,start:!0,end:!0},wc=/[.+*?^${}()[\]/\\]/g;function Rc(e,t){const n=q({},xc,t),s=[];let r=n.start?"^":"";const o=[];for(const a of e){const d=a.length?[]:[90];n.strict&&!a.length&&(r+="/");for(let p=0;p<a.length;p++){const g=a[p];let E=40+(n.sensitive?.25:0);if(g.type===0)p||(r+="/"),r+=g.value.replace(wc,"\\$&"),E+=40;else if(g.type===1){const{value:A,repeatable:T,optional:L,regexp:$}=g;o.push({name:A,repeatable:T,optional:L});const N=$||ur;if(N!==ur){E+=10;try{new RegExp(`(${N})`)}catch(F){throw new Error(`Invalid custom RegExp for param "${A}" (${N}): `+F.message)}}let U=T?`((?:${N})(?:/(?:${N}))*)`:`(${N})`;p||(U=L&&a.length<2?`(?:/${U})`:"/"+U),L&&(U+="?"),r+=U,E+=20,L&&(E+=-8),T&&(E+=-20),N===".*"&&(E+=-50)}d.push(E)}s.push(d)}if(n.strict&&n.end){const a=s.length-1;s[a][s[a].length-1]+=.7000000000000001}n.strict||(r+="/?"),n.end?r+="$":n.strict&&(r+="(?:/|$)");const i=new RegExp(r,n.sensitive?"":"i");function c(a){const d=a.match(i),p={};if(!d)return null;for(let g=1;g<d.length;g++){const E=d[g]||"",A=o[g-1];p[A.name]=E&&A.repeatable?E.split("/"):E}return p}function l(a){let d="",p=!1;for(const g of e){(!p||!d.endsWith("/"))&&(d+="/"),p=!1;for(const E of g)if(E.type===0)d+=E.value;else if(E.type===1){const{value:A,repeatable:T,optional:L}=E,$=A in a?a[A]:"";if(Re($)&&!T)throw new Error(`Provided param "${A}" is an array but it is not repeatable (* or + modifiers)`);const N=Re($)?$.join("/"):$;if(!N)if(L)g.length<2&&(d.endsWith("/")?d=d.slice(0,-1):p=!0);else throw new Error(`Missing required param "${A}"`);d+=N}}return d||"/"}return{re:i,score:s,keys:o,parse:c,stringify:l}}function Pc(e,t){let n=0;for(;n<e.length&&n<t.length;){const s=t[n]-e[n];if(s)return s;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 Cc(e,t){let n=0;const s=e.score,r=t.score;for(;n<s.length&&n<r.length;){const o=Pc(s[n],r[n]);if(o)return o;n++}if(Math.abs(r.length-s.length)===1){if(fr(s))return 1;if(fr(r))return-1}return r.length-s.length}function fr(e){const t=e[e.length-1];return e.length>0&&t[t.length-1]<0}const Oc={type:0,value:""},Ac=/[a-zA-Z0-9_]/;function Sc(e){if(!e)return[[]];if(e==="/")return[[Oc]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function t(E){throw new Error(`ERR (${n})/"${a}": ${E}`)}let n=0,s=n;const r=[];let o;function i(){o&&r.push(o),o=[]}let c=0,l,a="",d="";function p(){a&&(n===0?o.push({type:0,value:a}):n===1||n===2||n===3?(o.length>1&&(l==="*"||l==="+")&&t(`A repeatable param (${a}) must be alone in its segment. eg: '/:ids+.`),o.push({type:1,value:a,regexp:d,repeatable:l==="*"||l==="+",optional:l==="*"||l==="?"})):t("Invalid state to consume buffer"),a="")}function g(){a+=l}for(;c<e.length;){if(l=e[c++],l==="\\"&&n!==2){s=n,n=4;continue}switch(n){case 0:l==="/"?(a&&p(),i()):l===":"?(p(),n=1):g();break;case 4:g(),n=s;break;case 1:l==="("?n=2:Ac.test(l)?g():(p(),n=0,l!=="*"&&l!=="?"&&l!=="+"&&c--);break;case 2:l===")"?d[d.length-1]=="\\"?d=d.slice(0,-1)+l:n=3:d+=l;break;case 3:p(),n=0,l!=="*"&&l!=="?"&&l!=="+"&&c--,d="";break;default:t("Unknown state");break}}return n===2&&t(`Unfinished custom RegExp for param "${a}"`),p(),i(),r}function Tc(e,t,n){const s=Rc(Sc(e.path),n),r=q(s,{record:e,parent:t,children:[],alias:[]});return t&&!r.record.aliasOf==!t.record.aliasOf&&t.children.push(r),r}function Ic(e,t){const n=[],s=new Map;t=hr({strict:!1,end:!0,sensitive:!1},t);function r(d){return s.get(d)}function o(d,p,g){const E=!g,A=Mc(d);A.aliasOf=g&&g.record;const T=hr(t,d),L=[A];if("alias"in d){const U=typeof d.alias=="string"?[d.alias]:d.alias;for(const F of U)L.push(q({},A,{components:g?g.record.components:A.components,path:F,aliasOf:g?g.record:A}))}let $,N;for(const U of L){const{path:F}=U;if(p&&F[0]!=="/"){const oe=p.record.path,ue=oe[oe.length-1]==="/"?"":"/";U.path=p.record.path+(F&&ue+F)}if($=Tc(U,p,T),g?g.alias.push($):(N=N||$,N!==$&&N.alias.push($),E&&d.name&&!dr($)&&i(d.name)),A.children){const oe=A.children;for(let ue=0;ue<oe.length;ue++)o(oe[ue],$,g&&g.children[ue])}g=g||$,($.record.components&&Object.keys($.record.components).length||$.record.name||$.record.redirect)&&l($)}return N?()=>{i(N)}:Lt}function i(d){if(wo(d)){const p=s.get(d);p&&(s.delete(d),n.splice(n.indexOf(p),1),p.children.forEach(i),p.alias.forEach(i))}else{const p=n.indexOf(d);p>-1&&(n.splice(p,1),d.record.name&&s.delete(d.record.name),d.children.forEach(i),d.alias.forEach(i))}}function c(){return n}function l(d){let p=0;for(;p<n.length&&Cc(d,n[p])>=0&&(d.record.path!==n[p].record.path||!Po(d,n[p]));)p++;n.splice(p,0,d),d.record.name&&!dr(d)&&s.set(d.record.name,d)}function a(d,p){let g,E={},A,T;if("name"in d&&d.name){if(g=s.get(d.name),!g)throw Rt(1,{location:d});T=g.record.name,E=q(ar(p.params,g.keys.filter(N=>!N.optional).map(N=>N.name)),d.params&&ar(d.params,g.keys.map(N=>N.name))),A=g.stringify(E)}else if("path"in d)A=d.path,g=n.find(N=>N.re.test(A)),g&&(E=g.parse(A),T=g.record.name);else{if(g=p.name?s.get(p.name):n.find(N=>N.re.test(p.path)),!g)throw Rt(1,{location:d,currentLocation:p});T=g.record.name,E=q({},p.params,d.params),A=g.stringify(E)}const L=[];let $=g;for(;$;)L.unshift($.record),$=$.parent;return{name:T,path:A,params:E,matched:L,meta:Nc(L)}}return e.forEach(d=>o(d)),{addRoute:o,resolve:a,removeRoute:i,getRoutes:c,getRecordMatcher:r}}function ar(e,t){const n={};for(const s of t)s in e&&(n[s]=e[s]);return n}function Mc(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:$c(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 $c(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(const s in e.components)t[s]=typeof n=="boolean"?n:n[s];return t}function dr(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function Nc(e){return e.reduce((t,n)=>q(t,n.meta),{})}function hr(e,t){const n={};for(const s in e)n[s]=s in t?t[s]:e[s];return n}function Po(e,t){return t.children.some(n=>n===e||Po(e,n))}const Co=/#/g,Fc=/&/g,jc=/\//g,Hc=/=/g,Lc=/\?/g,Oo=/\+/g,kc=/%5B/g,Bc=/%5D/g,Ao=/%5E/g,Dc=/%60/g,So=/%7B/g,Uc=/%7C/g,To=/%7D/g,Kc=/%20/g;function xs(e){return encodeURI(""+e).replace(Uc,"|").replace(kc,"[").replace(Bc,"]")}function Wc(e){return xs(e).replace(So,"{").replace(To,"}").replace(Ao,"^")}function Xn(e){return xs(e).replace(Oo,"%2B").replace(Kc,"+").replace(Co,"%23").replace(Fc,"%26").replace(Dc,"`").replace(So,"{").replace(To,"}").replace(Ao,"^")}function zc(e){return Xn(e).replace(Hc,"%3D")}function qc(e){return xs(e).replace(Co,"%23").replace(Lc,"%3F")}function Vc(e){return e==null?"":qc(e).replace(jc,"%2F")}function pn(e){try{return decodeURIComponent(""+e)}catch{}return""+e}function Qc(e){const t={};if(e===""||e==="?")return t;const s=(e[0]==="?"?e.slice(1):e).split("&");for(let r=0;r<s.length;++r){const o=s[r].replace(Oo," "),i=o.indexOf("="),c=pn(i<0?o:o.slice(0,i)),l=i<0?null:pn(o.slice(i+1));if(c in t){let a=t[c];Re(a)||(a=t[c]=[a]),a.push(l)}else t[c]=l}return t}function pr(e){let t="";for(let n in e){const s=e[n];if(n=zc(n),s==null){s!==void 0&&(t+=(t.length?"&":"")+n);continue}(Re(s)?s.map(o=>o&&Xn(o)):[s&&Xn(s)]).forEach(o=>{o!==void 0&&(t+=(t.length?"&":"")+n,o!=null&&(t+="="+o))})}return t}function Yc(e){const t={};for(const n in e){const s=e[n];s!==void 0&&(t[n]=Re(s)?s.map(r=>r==null?null:""+r):s==null?s:""+s)}return t}const Jc=Symbol(""),gr=Symbol(""),ws=Symbol(""),Rs=Symbol(""),Zn=Symbol("");function It(){let e=[];function t(s){return e.push(s),()=>{const r=e.indexOf(s);r>-1&&e.splice(r,1)}}function n(){e=[]}return{add:t,list:()=>e,reset:n}}function qe(e,t,n,s,r){const o=s&&(s.enterCallbacks[r]=s.enterCallbacks[r]||[]);return()=>new Promise((i,c)=>{const l=p=>{p===!1?c(Rt(4,{from:n,to:t})):p instanceof Error?c(p):Ec(p)?c(Rt(2,{from:t,to:p})):(o&&s.enterCallbacks[r]===o&&typeof p=="function"&&o.push(p),i())},a=e.call(s&&s.instances[r],t,n,l);let d=Promise.resolve(a);e.length<3&&(d=d.then(l)),d.catch(p=>c(p))})}function Hn(e,t,n,s){const r=[];for(const o of e)for(const i in o.components){let c=o.components[i];if(!(t!=="beforeRouteEnter"&&!o.instances[i]))if(Xc(c)){const a=(c.__vccOpts||c)[t];a&&r.push(qe(a,n,s,o,i))}else{let l=c();r.push(()=>l.then(a=>{if(!a)return Promise.reject(new Error(`Couldn't resolve component "${i}" at "${o.path}"`));const d=nc(a)?a.default:a;o.components[i]=d;const g=(d.__vccOpts||d)[t];return g&&qe(g,n,s,o,i)()}))}}return r}function Xc(e){return typeof e=="object"||"displayName"in e||"props"in e||"__vccOpts"in e}function mr(e){const t=$e(ws),n=$e(Rs),s=me(()=>t.resolve(_t(e.to))),r=me(()=>{const{matched:l}=s.value,{length:a}=l,d=l[a-1],p=n.matched;if(!d||!p.length)return-1;const g=p.findIndex(wt.bind(null,d));if(g>-1)return g;const E=_r(l[a-2]);return a>1&&_r(d)===E&&p[p.length-1].path!==E?p.findIndex(wt.bind(null,l[a-2])):g}),o=me(()=>r.value>-1&&tu(n.params,s.value.params)),i=me(()=>r.value>-1&&r.value===n.matched.length-1&&Eo(n.params,s.value.params));function c(l={}){return eu(l)?t[_t(e.replace)?"replace":"push"](_t(e.to)).catch(Lt):Promise.resolve()}return{route:s,href:me(()=>s.value.href),isActive:o,isExactActive:i,navigate:c}}const Zc=rt({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:mr,setup(e,{slots:t}){const n=Qt(mr(e)),{options:s}=$e(ws),r=me(()=>({[vr(e.activeClass,s.linkActiveClass,"router-link-active")]:n.isActive,[vr(e.exactActiveClass,s.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive}));return()=>{const o=t.default&&t.default(n);return e.custom?o:yo("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:r.value},o)}}}),Gc=Zc;function eu(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 tu(e,t){for(const n in t){const s=t[n],r=e[n];if(typeof s=="string"){if(s!==r)return!1}else if(!Re(r)||r.length!==s.length||s.some((o,i)=>o!==r[i]))return!1}return!0}function _r(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const vr=(e,t,n)=>e??t??n,nu=rt({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:n}){const s=$e(Zn),r=me(()=>e.route||s.value),o=$e(gr,0),i=me(()=>{let a=_t(o);const{matched:d}=r.value;let p;for(;(p=d[a])&&!p.components;)a++;return a}),c=me(()=>r.value.matched[i.value]);on(gr,me(()=>i.value+1)),on(Jc,c),on(Zn,r);const l=hs();return rn(()=>[l.value,c.value,e.name],([a,d,p],[g,E,A])=>{d&&(d.instances[p]=a,E&&E!==d&&a&&a===g&&(d.leaveGuards.size||(d.leaveGuards=E.leaveGuards),d.updateGuards.size||(d.updateGuards=E.updateGuards))),a&&d&&(!E||!wt(d,E)||!g)&&(d.enterCallbacks[p]||[]).forEach(T=>T(a))},{flush:"post"}),()=>{const a=r.value,d=e.name,p=c.value,g=p&&p.components[d];if(!g)return br(n.default,{Component:g,route:a});const E=p.props[d],A=E?E===!0?a.params:typeof E=="function"?E(a):E:null,L=yo(g,q({},A,t,{onVnodeUnmounted:$=>{$.component.isUnmounted&&(p.instances[d]=null)},ref:l}));return br(n.default,{Component:L,route:a})||L}}});function br(e,t){if(!e)return null;const n=e(t);return n.length===1?n[0]:n}const su=nu;function ru(e){const t=Ic(e.routes,e),n=e.parseQuery||Qc,s=e.stringifyQuery||pr,r=e.history,o=It(),i=It(),c=It(),l=xi(We);let a=We;dt&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const d=Fn.bind(null,_=>""+_),p=Fn.bind(null,Vc),g=Fn.bind(null,pn);function E(_,C){let R,S;return wo(_)?(R=t.getRecordMatcher(_),S=C):S=_,t.addRoute(S,R)}function A(_){const C=t.getRecordMatcher(_);C&&t.removeRoute(C)}function T(){return t.getRoutes().map(_=>_.record)}function L(_){return!!t.getRecordMatcher(_)}function $(_,C){if(C=q({},C||l.value),typeof _=="string"){const h=jn(n,_,C.path),m=t.resolve({path:h.path},C),v=r.createHref(h.fullPath);return q(h,m,{params:g(m.params),hash:pn(h.hash),redirectedFrom:void 0,href:v})}let R;if("path"in _)R=q({},_,{path:jn(n,_.path,C.path).path});else{const h=q({},_.params);for(const m in h)h[m]==null&&delete h[m];R=q({},_,{params:p(h)}),C.params=p(C.params)}const S=t.resolve(R,C),z=_.hash||"";S.params=d(g(S.params));const u=oc(s,q({},_,{hash:Wc(z),path:S.path})),f=r.createHref(u);return q({fullPath:u,hash:z,query:s===pr?Yc(_.query):_.query||{}},S,{redirectedFrom:void 0,href:f})}function N(_){return typeof _=="string"?jn(n,_,l.value.path):q({},_)}function U(_,C){if(a!==_)return Rt(8,{from:C,to:_})}function F(_){return Pe(_)}function oe(_){return F(q(N(_),{replace:!0}))}function ue(_){const C=_.matched[_.matched.length-1];if(C&&C.redirect){const{redirect:R}=C;let S=typeof R=="function"?R(_):R;return typeof S=="string"&&(S=S.includes("?")||S.includes("#")?S=N(S):{path:S},S.params={}),q({query:_.query,hash:_.hash,params:"path"in S?{}:_.params},S)}}function Pe(_,C){const R=a=$(_),S=l.value,z=_.state,u=_.force,f=_.replace===!0,h=ue(R);if(h)return Pe(q(N(h),{state:typeof h=="object"?q({},z,h.state):z,force:u,replace:f}),C||R);const m=R;m.redirectedFrom=C;let v;return!u&&ic(s,S,R)&&(v=Rt(16,{to:m,from:S}),Ae(S,S,!0,!1)),(v?Promise.resolve(v):Ce(m,S)).catch(b=>He(b)?He(b,2)?b:Ue(b):W(b,m,S)).then(b=>{if(b){if(He(b,2))return Pe(q({replace:f},N(b.to),{state:typeof b.to=="object"?q({},z,b.to.state):z,force:u}),C||m)}else b=Xe(m,S,!0,f,z);return De(m,S,b),b})}function Fe(_,C){const R=U(_,C);return R?Promise.reject(R):Promise.resolve()}function it(_){const C=ut.values().next().value;return C&&typeof C.runWithContext=="function"?C.runWithContext(_):_()}function Ce(_,C){let R;const[S,z,u]=ou(_,C);R=Hn(S.reverse(),"beforeRouteLeave",_,C);for(const h of S)h.leaveGuards.forEach(m=>{R.push(qe(m,_,C))});const f=Fe.bind(null,_,C);return R.push(f),ie(R).then(()=>{R=[];for(const h of o.list())R.push(qe(h,_,C));return R.push(f),ie(R)}).then(()=>{R=Hn(z,"beforeRouteUpdate",_,C);for(const h of z)h.updateGuards.forEach(m=>{R.push(qe(m,_,C))});return R.push(f),ie(R)}).then(()=>{R=[];for(const h of _.matched)if(h.beforeEnter&&!C.matched.includes(h))if(Re(h.beforeEnter))for(const m of h.beforeEnter)R.push(qe(m,_,C));else R.push(qe(h.beforeEnter,_,C));return R.push(f),ie(R)}).then(()=>(_.matched.forEach(h=>h.enterCallbacks={}),R=Hn(u,"beforeRouteEnter",_,C),R.push(f),ie(R))).then(()=>{R=[];for(const h of i.list())R.push(qe(h,_,C));return R.push(f),ie(R)}).catch(h=>He(h,8)?h:Promise.reject(h))}function De(_,C,R){for(const S of c.list())it(()=>S(_,C,R))}function Xe(_,C,R,S,z){const u=U(_,C);if(u)return u;const f=C===We,h=dt?history.state:{};R&&(S||f?r.replace(_.fullPath,q({scroll:f&&h&&h.scroll},z)):r.push(_.fullPath,z)),l.value=_,Ae(_,C,R,f),Ue()}let Oe;function At(){Oe||(Oe=r.listen((_,C,R)=>{if(!Jt.listening)return;const S=$(_),z=ue(S);if(z){Pe(q(z,{replace:!0}),S).catch(Lt);return}a=S;const u=l.value;dt&&pc(ir(u.fullPath,R.delta),Cn()),Ce(S,u).catch(f=>He(f,12)?f:He(f,2)?(Pe(f.to,S).then(h=>{He(h,20)&&!R.delta&&R.type===Vt.pop&&r.go(-1,!1)}).catch(Lt),Promise.reject()):(R.delta&&r.go(-R.delta,!1),W(f,S,u))).then(f=>{f=f||Xe(S,u,!1),f&&(R.delta&&!He(f,8)?r.go(-R.delta,!1):R.type===Vt.pop&&He(f,20)&&r.go(-1,!1)),De(S,u,f)}).catch(Lt)}))}let lt=It(),ne=It(),Q;function W(_,C,R){Ue(_);const S=ne.list();return S.length?S.forEach(z=>z(_,C,R)):console.error(_),Promise.reject(_)}function je(){return Q&&l.value!==We?Promise.resolve():new Promise((_,C)=>{lt.add([_,C])})}function Ue(_){return Q||(Q=!_,At(),lt.list().forEach(([C,R])=>_?R(_):C()),lt.reset()),_}function Ae(_,C,R,S){const{scrollBehavior:z}=e;if(!dt||!z)return Promise.resolve();const u=!R&&gc(ir(_.fullPath,0))||(S||!R)&&history.state&&history.state.scroll||null;return qr().then(()=>z(_,C,u)).then(f=>f&&hc(f)).catch(f=>W(f,_,C))}const de=_=>r.go(_);let ct;const ut=new Set,Jt={currentRoute:l,listening:!0,addRoute:E,removeRoute:A,hasRoute:L,getRoutes:T,resolve:$,options:e,push:F,replace:oe,go:de,back:()=>de(-1),forward:()=>de(1),beforeEach:o.add,beforeResolve:i.add,afterEach:c.add,onError:ne.add,isReady:je,install(_){const C=this;_.component("RouterLink",Gc),_.component("RouterView",su),_.config.globalProperties.$router=C,Object.defineProperty(_.config.globalProperties,"$route",{enumerable:!0,get:()=>_t(l)}),dt&&!ct&&l.value===We&&(ct=!0,F(r.location).catch(z=>{}));const R={};for(const z in We)R[z]=me(()=>l.value[z]);_.provide(ws,C),_.provide(Rs,Qt(R)),_.provide(Zn,l);const S=_.unmount;ut.add(_),_.unmount=function(){ut.delete(_),ut.size<1&&(a=We,Oe&&Oe(),Oe=null,l.value=We,ct=!1,Q=!1),S()}}};function ie(_){return _.reduce((C,R)=>C.then(()=>it(R)),Promise.resolve())}return Jt}function ou(e,t){const n=[],s=[],r=[],o=Math.max(t.matched.length,e.matched.length);for(let i=0;i<o;i++){const c=t.matched[i];c&&(e.matched.find(a=>wt(a,c))?s.push(c):n.push(c));const l=e.matched[i];l&&(t.matched.find(a=>wt(a,l))||r.push(l))}return[n,s,r]}function iu(){return $e(Rs)}const lu=rt({__name:"App",setup(e){const t=iu(),n=me(()=>`layout-${t.meta.layout||"default"}`);return(s,r)=>{const o=no("router-view");return ot(),mo(el(n.value),null,{default:Nt(()=>[G(o)]),_:1})}}}),Io=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},cu={},uu={class:"footer"},fu=ee("div",{class:"container"},[ee("span",null,"Developed by"),Ye(),ee("a",{href:"https://github.com/kouts",target:"_blank",rel:"noopener"},"@kouts")],-1),au=[fu];function du(e,t){return ot(),Yt("footer",uu,au)}const hu=Io(cu,[["render",du]]),pu={class:"navbar navbar-expand-md navbar-dark bg-dark fixed-top"},gu={class:"container"},mu=["aria-expanded"],_u=ee("span",{class:"navbar-toggler-icon"},null,-1),vu=[_u],bu={class:"navbar-nav mr-auto"},yu={class:"nav-item"},Eu={class:"nav-item"},xu=rt({__name:"DefaultNav",setup(e){const t=hs(!1),n=()=>{t.value=!t.value},s=()=>{t.value=!1};return(r,o)=>{const i=no("router-link");return ot(),Yt("nav",pu,[ee("div",gu,[G(i,{to:"/",class:"navbar-brand",onClick:s},{default:Nt(()=>[Ye("ProjectName")]),_:1}),ee("button",{class:Dt(["navbar-toggler",!t.value&&"collapsed"]),type:"button","aria-controls":"navbarDefault","aria-expanded":t.value,"aria-label":"Toggle navigation",onClick:n},vu,10,mu),ee("div",{id:"navbarDefault",class:Dt(["collapse navbar-collapse",t.value&&"show"])},[ee("ul",bu,[ee("li",yu,[G(i,{to:"/",class:"nav-link",onClick:s},{default:Nt(()=>[Ye("Home")]),_:1})]),ee("li",Eu,[G(i,{to:"/about",class:"nav-link",onClick:s},{default:Nt(()=>[Ye("About")]),_:1})])])],2)])])}}}),wu={class:"default-page-wrapper"},Ru=rt({__name:"Default",setup(e){return(t,n)=>(ot(),Yt("div",wu,[G(xu),tl(t.$slots,"default"),G(hu)]))}});var Pu=!1;/*!
-  * pinia v2.1.3
+  * pinia v2.1.4
   * (c) 2023 Eduardo San Martin Morote
   * @license MIT
-  */const Cu=Symbol();var yr;(function(e){e.direct="direct",e.patchObject="patch object",e.patchFunction="patch function"})(yr||(yr={}));function Ou(){const e=qo(!0),t=e.run(()=>hs({}));let n=[],s=[];const r=as({install(o){r._a=o,o.provide(Cu,r),o.config.globalProperties.$pinia=r,s.forEach(i=>n.push(i)),s=[]},use(o){return!this._a&&!Pu?s.push(o):n.push(o),this},_p:n,_a:null,_e:e,_s:new Map,state:t});return r}const Au="modulepreload",Su=function(e){return"/"+e},Er={},Tu=function(t,n,s){if(!n||n.length===0)return t();const r=document.getElementsByTagName("link");return Promise.all(n.map(o=>{if(o=Su(o),o in Er)return;Er[o]=!0;const i=o.endsWith(".css"),c=i?'[rel="stylesheet"]':"";if(!!s)for(let d=r.length-1;d>=0;d--){const p=r[d];if(p.href===o&&(!i||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${o}"]${c}`))return;const a=document.createElement("link");if(a.rel=i?"stylesheet":Au,i||(a.as="script",a.crossOrigin=""),a.href=o,document.head.appendChild(a),i)return new Promise((d,p)=>{a.addEventListener("load",d),a.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${o}`)))})})).then(()=>t())},Iu="/assets/logo-03d6d6da.png",Mu=e=>($i("data-v-8c72a325"),e=e(),Ni(),e),$u={class:"row"},Nu={class:"col text-center"},Fu={class:"msg"},ju=Mu(()=>ee("p",null,[Ye(" A project setup using vue-cli, created to easily scaffold new Vue.js projects. "),ee("br"),Ye(" Find out more at "),ee("a",{class:"custom",href:"https://cli.vuejs.org",target:"_blank",rel:"noopener"},"vue-cli documentation"),Ye(" . ")],-1)),Hu={name:"HelloWorld"},Lu=rt({...Hu,props:{msg:{type:String,default:""}},setup(e){return(t,n)=>(ot(),Yt("div",$u,[ee("div",Nu,[ee("h1",Fu,zo(e.msg),1),ju])]))}});const ku=Io(Lu,[["__scopeId","data-v-8c72a325"]]),Bu={class:"container"},Du=ee("div",{class:"text-center"},[ee("img",{alt:"Vue logo",src:Iu,class:"text-center"})],-1),Uu={name:"Home"},Ku=rt({...Uu,setup(e){return(t,n)=>(ot(),Yt("div",Bu,[Du,G(ku,{msg:"Welcome to Vue.js 3 Vite starter template"})]))}}),Wu=yc(),zu=[{path:"/",name:"Home",component:Ku,meta:{layout:"default"}},{path:"/about",name:"About",component:()=>Tu(()=>import("./About-f7cd99a9.js"),[]),meta:{layout:"default"}}],qu=ru({linkActiveClass:"active",history:Wu,routes:zu}),On=ec(lu);On.component("LayoutDefault",Ru);On.use(Ou());On.use(qu);On.mount("#app");export{Io as _,ee as a,Yt as c,ot as o};
+  */const Cu=Symbol();var yr;(function(e){e.direct="direct",e.patchObject="patch object",e.patchFunction="patch function"})(yr||(yr={}));function Ou(){const e=qo(!0),t=e.run(()=>hs({}));let n=[],s=[];const r=as({install(o){r._a=o,o.provide(Cu,r),o.config.globalProperties.$pinia=r,s.forEach(i=>n.push(i)),s=[]},use(o){return!this._a&&!Pu?s.push(o):n.push(o),this},_p:n,_a:null,_e:e,_s:new Map,state:t});return r}const Au="modulepreload",Su=function(e){return"/"+e},Er={},Tu=function(t,n,s){if(!n||n.length===0)return t();const r=document.getElementsByTagName("link");return Promise.all(n.map(o=>{if(o=Su(o),o in Er)return;Er[o]=!0;const i=o.endsWith(".css"),c=i?'[rel="stylesheet"]':"";if(!!s)for(let d=r.length-1;d>=0;d--){const p=r[d];if(p.href===o&&(!i||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${o}"]${c}`))return;const a=document.createElement("link");if(a.rel=i?"stylesheet":Au,i||(a.as="script",a.crossOrigin=""),a.href=o,document.head.appendChild(a),i)return new Promise((d,p)=>{a.addEventListener("load",d),a.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${o}`)))})})).then(()=>t())},Iu="/assets/logo-03d6d6da.png",Mu=e=>($i("data-v-8c72a325"),e=e(),Ni(),e),$u={class:"row"},Nu={class:"col text-center"},Fu={class:"msg"},ju=Mu(()=>ee("p",null,[Ye(" A project setup using vue-cli, created to easily scaffold new Vue.js projects. "),ee("br"),Ye(" Find out more at "),ee("a",{class:"custom",href:"https://cli.vuejs.org",target:"_blank",rel:"noopener"},"vue-cli documentation"),Ye(" . ")],-1)),Hu={name:"HelloWorld"},Lu=rt({...Hu,props:{msg:{type:String,default:""}},setup(e){return(t,n)=>(ot(),Yt("div",$u,[ee("div",Nu,[ee("h1",Fu,zo(e.msg),1),ju])]))}});const ku=Io(Lu,[["__scopeId","data-v-8c72a325"]]),Bu={class:"container"},Du=ee("div",{class:"text-center"},[ee("img",{alt:"Vue logo",src:Iu,class:"text-center"})],-1),Uu={name:"Home"},Ku=rt({...Uu,setup(e){return(t,n)=>(ot(),Yt("div",Bu,[Du,G(ku,{msg:"Welcome to Vue.js 3 Vite starter template"})]))}}),Wu=yc(),zu=[{path:"/",name:"Home",component:Ku,meta:{layout:"default"}},{path:"/about",name:"About",component:()=>Tu(()=>import("./About-6fa3ae80.js"),[]),meta:{layout:"default"}}],qu=ru({linkActiveClass:"active",history:Wu,routes:zu}),On=ec(lu);On.component("LayoutDefault",Ru);On.use(Ou());On.use(qu);On.mount("#app");export{Io as _,ee as a,Yt as c,ot as o};
diff --git a/dist/index.html b/dist/index.html
index 8eb672b..d055d0e 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="A single page application created using Vue.js 3"><link rel="icon" href="/favicon.ico"><title>ProjectName</title><script type="module" crossorigin src="/assets/index-7f06857d.js"></script><link rel="stylesheet" href="/assets/index-1a2e6d78.css"></head><body><noscript><strong>we're sorry but ProjectName doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="A single page application created using Vue.js 3"><link rel="icon" href="/favicon.ico"><title>ProjectName</title><script type="module" crossorigin src="/assets/index-f71361db.js"></script><link rel="stylesheet" href="/assets/index-1a2e6d78.css"></head><body><noscript><strong>we're sorry but ProjectName doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
\ No newline at end of file