@dcrackel/meyersquaredui 1.0.36 → 1.0.38

package/src/stories/Templates/HomePage/TestPage.vue

@@ -1,7 +1,37 @@
 <template>
-  <div class="m-0 w-full">
+  <div class="m-0 w-full bg-secondary">
     <Header />
     <HeroBanner :title="title" :buttonLabel="buttonLabel" :description="description" :imageSrc="imageSrc" />
+    <GridLayout
+        :cardComponent="TournamentCard"
+        :items="limitedTournaments"
+        :maxColumns="3"
+        moreButtonLabel="See All Tournaments"
+        title="Upcoming"
+    />
+    <SingleButtonBanner
+        buttonLabel="Learn More"
+        description="Look for a Club? <br> We can help."
+        imageUrl="https://via.placeholder.com/1200x400"
+    />
+    <GridLayout
+        :cardComponent="FencerCard"
+        :items="topFencers"
+        :maxColumns="5"
+        :mobileHorizontal="true"
+        moreButtonLabel="Leaderboards"
+        title="Top Fencers"
+    />
+    <DoubleButtonBanner title="How Does Meyer Squared work?" button-label-two="Run a tournament" button-label-one="Submit Results" image-src="" />
+    <GridLayout
+        :cardComponent="ArticleCard"
+        :items="articles"
+        :maxColumns="3"
+        :mobileHorizontal="true"
+        moreButtonLabel="See More"
+        title="Interesting Articles"
+    />
+    <Footer />
   </div>
 </template>
 
@@ -9,10 +39,24 @@
 <script>
 import HeroBanner from "../../Organisms/HeroBanners/HomePage/HeroBanner.vue";
 import Header from "../../Organisms/Headers/Header.vue";
+import TournamentCard from "../../Organisms/Cards/TournamentCard/TournamentCard.vue";
+import FencerCard from "../../Organisms/Cards/FencerCard/FencerCard.vue";
+import ArticleCard from "../../Organisms/Cards/ArticleCard/ArticleCard.vue";
+import GridLayout from "../../Organisms/GridLayout/GridLayout.vue";
+import SingleButtonBanner from "../../Organisms/SectionBanners/SingleButtonBanner/SingleButtonBanner.vue";
+import DoubleButtonBanner from "../../Organisms/SectionBanners/DoubleButtonBanner/DoubleButtonBanner.vue";
+import Footer from "../../Organisms/Footer/Footer.vue";
 
 export default {
   name: 'TestLayoutPage',
   components: {
+    Footer,
+    DoubleButtonBanner,
+    SingleButtonBanner,
+    GridLayout,
+    TournamentCard,
+    ArticleCard,
+    FencerCard,
     Header,
     HeroBanner,
   },
@@ -32,6 +76,34 @@ export default {
     imageSrc: {
       type: String,
       default: 'https://meyersquared.com/images/Banner2.png'
+    },
+    tournaments: {
+      type: Array,
+      default: () => []
+    },
+    articles: {
+      type: Array,
+      default: () => []
+    },
+    topFencers: {
+      type: Array,
+      default: () => []
+    }
+  },
+  computed: {
+    ArticleCard() {
+      return ArticleCard
+    },
+    FencerCard() {
+      return FencerCard
+    },
+    limitedTournaments() { 
+      return this.tournaments.slice(0, 6);
+    }
+  },
+  data() {
+    return {
+      TournamentCard: TournamentCard
     }
   }
 }

package/dist/meyersquaredui.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=(t,r)=>{const o=t.__vccOpts||t;for(const[c,l]of r)o[c]=l;return o},y={name:"BaseButton",props:{label:{type:String,required:!0},altText:{type:String,default:null},color:{type:String,default:"primary",validator:t=>["primary","secondary","accent"].includes(t)},backgroundColor:{type:String,default:"primary",validator:t=>["primary","secondary","accent"].includes(t)},border:{type:String,default:"none",validator:t=>["none","primary","secondary","accent","gradient1","gradient2"].includes(t)}},computed:{textColorClass(){return{primary:"text-primary",secondary:"text-secondary",accent:"text-accent"}[this.color]||"text-primary"},backgroundClass(){return{primary:"bg-primary hover:bg-accent",secondary:"bg-secondary hover:bg-accent",accent:"bg-accent hover:bg-accent"}[this.backgroundColor]||"bg-primary"},borderClass(){return{none:"",primary:"border border-primary",secondary:"border border-secondary",accent:"border border-accent",gradient1:"border-gradient-rounded-1",gradient2:"border-gradient-rounded-2"}[this.border]||""}}},f=["title","aria-label"];function h(t,r,o,c,l,n){return e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-4 py-2 rounded-md transition duration-300 ease-in-out",n.textColorClass,n.backgroundClass,n.borderClass]),title:o.altText||o.label,"aria-label":o.altText||o.label,onClick:r[0]||(r[0]=a=>t.$emit("click"))},e.toDisplayString(o.label),11,f)}const m=d(y,[["render",h],["__scopeId","data-v-34e83e90"]]),V={name:"BaseText",props:{tag:{type:String,default:"p",validator:t=>["h1","h2","h3","h4","h5","h6","p","span","div"].includes(t)},size:{type:String,default:"md",validator:t=>["xs","sm","md","lg","xl","2xl","3xl","4xl","5xl"].includes(t)},color:{type:String,default:"primary"},weight:{type:String,default:"normal",validator:t=>["light","normal","semibold","bold"].includes(t)}},computed:{textClasses(){const t={xs:"text-xs",sm:"text-sm",md:"lg:text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl","5xl":"text-5xl"},r={light:"font-light",normal:"font-normal",semibold:"font-semibold",bold:"font-bold"};return`${t[this.size]} ${r[this.weight]} text-${this.color}`}}};function C(t,r,o,c,l,n){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.tag),{class:e.normalizeClass(n.textClasses)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"])}const u=d(V,[["render",C]]),v={name:"Icon",props:{icon:{type:String,required:!0},color:{type:String,default:"primary",validator:t=>["primary","secondary","accent"].includes(t)},size:{type:String,default:"md",validator:t=>["xs","sm","md","lg","xl","2xl","3xl"].includes(t)}},computed:{colorClasses(){return{primary:"text-primary",secondary:"text-secondary",accent:"text-accent"}[this.color]||"text-primary"},sizeClasses(){return{xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl"}[this.size]||"text-base"}}};function N(t,r,o,c,l,n){return e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(["fas",o.icon,n.colorClasses,n.sizeClasses]),onClick:r[0]||(r[0]=a=>t.$emit("click"))},null,2)}const p=d(v,[["render",N]]),w={name:"InputField",props:{type:{type:String,default:"text"},placeholder:{type:String,default:"Search"},modelValue:{type:String,default:""}}},B=["type","placeholder"];function A(t,r,o,c,l,n){return e.openBlock(),e.createElementBlock("input",e.mergeProps({type:o.type,placeholder:o.placeholder},t.$attrs,{class:"bg-black text-secondary border-b-2 border-secondary focus:outline-none focus:border-accent w-full placeholder-secondary px-2 hover:border-accent duration-300 ease-in-out",onInput:r[0]||(r[0]=a=>t.$emit("update:modelValue",a.target.value))}),null,16,B)}const b=d(w,[["render",A]]),k={name:"SearchBox",components:{InputField:b,Icon:p},data(){return{searchQuery:""}},methods:{onSearch(){console.log("Search Query:",this.searchQuery)}}},S={class:"relative flex items-center w-full max-w-md"};function E(t,r,o,c,l,n){const a=e.resolveComponent("InputField"),s=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",S,[e.createVNode(a,{modelValue:l.searchQuery,"onUpdate:modelValue":r[0]||(r[0]=i=>l.searchQuery=i),placeholder:"Search"},null,8,["modelValue"]),e.createVNode(s,{icon:"fa-search",color:"secondary",size:"sm",class:"absolute right-2",onClick:n.onSearch},null,8,["onClick"])])}const x=d(k,[["render",E]]),j="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI4AAABwCAIAAABHB982AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAtOSURBVHhe7Z3tedQ6EEbpIB2QCkIFSQWkglBBqIBUABUEKoAKkgo2FSQVQAdUcM+DBl9fWx7Nh7zrzd3zgye7a0mWZuadkbwJb04cnMfHx9+/fz89PfHDly9f7u7uPnz4cHV1JR+f2Ahv377FTlVeXl4wm1x34uB8/PhRLLPAbrc7OzuTq08ckKJ+OqiiXH3iUCjqN+EUWAeG8gEzPDw83NzcYDa4uLjg569fvxYLDaCT0ubEQcAq9/f38uK/YDOx0h9OGrhpvn//LoY6mWrjjIvDkwBumpLJCpeXl/LuiQ0yRNXz87O8dWKbDLmK6kPeOrFNfv36hZ12u528PrFNhkTFZkveOrFBMM/Lywt2+vTpk7x1YpuU04qHhwd5vX3Ozs7QAXZ/j4+PxcsKiDgvefPHjx93d3dXV1ev6YisFH5Ufcchfaw+Zih51QiWw67S/mjBPGU6FxcX8tZmIT7GBypeyuO4I03FQ4q6vb2Vt3rBsr57944IAH7IqxCuNBa6MHTSPcLOz8+HycIaklueXXUrJbhFVuHbt2/VNUWyGI/scn197Z3MUJ72In/EyRTIHEtSzAqQ/zGbXJ0DMaDPPnbivukukD8sNiP2XT0bCT/t5n6wtPGWsFkytZRSAuWX1xnoK7yUNMT7lPwxaPQa0LMy9JyARxZoJV04KW4KSFFR1zlor1ytwK3PH0rGWDJYr/6XsMdWMlkGgtjophhSGixBR09PT3J5JybexxDywV/Y+r1//77MmX8vLy/RIvYZ8nEIyyJmlGPAa61SSjTBm6VBFaPBA9DtUKFNQkrJq5SwmaXUZ4s3yHVp7OVMKSUsVNVIwDW6x9ME1m5yrw3f+eM9mfCqLiIznbhLHlRBel/GXvE2ysKOXmZH852/JK2FyklHf1jJI5GNpgwOO32mA8g+4DS8zw8IaXm/sR22B2ZHuD8ZvkXSWkNhTT8rKTxMfGIVmICMtl+a6jeG5Q7nreITip3wA24Gd765ueFffg54ht3z4qznaDosvat2ojKUln6Q9/k0f/78SVZY+sIJH8l1Ztb97spBpG9gUsc3weWlZZrPnz83HcUbyt7pOEATqreCu+GGqAH3yjU4CxVOTBZ0vIEF3IY0jsLs7O7vstaKGjifNsbQp4HN+hrMvikpYNrMDWAnnE/6suEKZa/nmZhXExZNKBBwHQ3mXbtMiRH73hbhIu1bDDv9nkxCCjvJBzZY37wWFehHOjUTTloxr0dppH0Lr0i04Y7HFREhIh84CZRJVQK1k93Tx0hjP8bhWFVp0IvJIUfm65yscliOBgIJ2e7pY7xiO2AfLjxEncn5bjIZcnP51LWfwMrkEqNH9jy2YGWl1z90idm8tfYTWJlcQlvpRaXPs93CRP16yWveWgHp8AZWwCEGjJ5B8EmDPPOnW712A5kyGgK7fe9pS3IdjbMLiHkFrCL9jegorwFRGmAhvE5TnY4O/iSN/RiDuM8J0/X1tfQ3gjUKiM8SmZO6gNN4nz9lKgtuT3pRycjsvyzlxt1u19Faxgw8JzBJ71iZysKuGR1yivI1DOqLjtbyJvwB7z1MqqQmGZe3622HdNVMjL1O8llxYxKe4NVAco+0tMFdScsQxkkFTsumSE8q+F2X8PKWZwWv1wcqi4w62VNjNrCkGwNdwiu20/IupTd8M0Wg65A6tYbjU9omXEzFKC1DxGp3y3e1xrgmBZki0CsV8dQYeHJBk4weUltKR2a8RZrxK6sDmX2kt4qJp8bwFjVsMONeZIzXE73+l9Gl6sZUofH9S51YYQboTEA6SDzeEb2e6N1aYVpp6cdecJZvREmzGDc3N9JZiEB9GCgFXZnfG7hrm4olYpEzdea/0Jf0GsK7WQ6orit8vfkjbCpmrRfrLGyHze8Yhkw+sECjXNbyOocrnXjzR8xUxK6i5P2NNEAgh5NWgdiyx7hXA12rac8fBa+p6F8vMr1fInKTjy1cSfpqwVjSxoa9Z/B2bg9ZfLFZs2RrByNM0itNE+xR7xqIkJVmBlhQaWbDaCqCqbm5zlQoETJfwbS7v0sDXaYCaWbDsgWmVLEkCFfC7gOOSSCvemTnlSlpZqPp/mOaB1fG5OdS6f4EIsxeWLsWVNrYcPXcFG1jb5kDqj5YcukY+5Gdq1tpY8N1DEjQSLMa9tJ/rerci/0rEvZvvrn2qtLGxvCbthZ0xbb701ZMBcYjKLtku9KVtLFBJSbNDEibBewBuiFTgSW2XNlV2rRY78R21/o7vvaTgW2ZCpqrYM9VYMzYXCYNbNh3ArpjubZo3kegq8Pd646GTsqlBoxJxVsH2w/X9U3r1dWVXGfAdaa8J/RM4NoGGpOK11T2gkU/qnA9T9m3qc7Pz3ElebGAsr7eNTUmFZeogt1U+mbIdaSyV1MNMyQ3LA1M0CgJxptajWvh3V3aN0N6gnEV/XqAdmZSmGISAmgcZPysPEzTdb+K0f29GdueY/T9r2srvVdTKeHCR3o18Rz60+BGU+kLOsd4agfSYAHXLyvs1VTGJD8n8AcgChZTeTdVYNxcNzdViu/O8SbUFMwwcJpOE6/XD1hM5S1VwGiq5hmYXGcjoP9ZXKfprGMsngoWUwW81WiqpmTJdTYOYKoCtRxjo2xyIzMwUv4oxWKq2CjSWKXZs1xn42CmGmA+t7e3uDa3AngiYWd8ftjEYqrYWNJYpdmzXGfD/kjhKGmaKpCoCtJ+mWZNAXKpjfCtHgdNU4UfrUr7ZSx6ZT9Wh/+7qcI1i7RfxrKtdhXrljA9YvTz0PDkLRWgxQlcpuJiafYqoUiRidYIq1/TVEYncB0svXJT6SfrYfVrmsq4V3Md1wZOVY4JxW0zWbp5Bmg8XqH0kAY2pNmrRDkPdT1NnqCfrD+b/zalrs9zem03t4hMcYZ9NavoprKU6QXLDn1MWLG3jrKgt7n/GlJ/tGg/qfL+qlb+pG2jKJV60j2VaHDFa7M8mcC40vKVsVRf2QVqCcUJXOf05B5pZkPZXdAVKiIvjg6Z34y84ivlgLfzLk8XGbT0c5QKuZQG8iEFS6YKbABcz+yr/Q92Am5M3j0iqlsWEkk+pGBJWgMbAO/WalKvj+0EmR1IH1BhZBqX4V+jIleFRflFWpaApE0symuVaijENgDerdVYFSZ22tOvCS/B2s0XnXf0WqhapitLyfXD8wh+YDmU4OOjcuWEmLR6t1bAQCwLNh4/Qznkg0fcXD/Bw2AEWXVNq6qy9FRiabEeF/4376XrFesq2L+npoAXzu9zTzCBqoLN4TL8a7xMVa9fcvmmU5cgG/9/1NVzxfCJIkssXUTplYAjECvj0LaAwVhQdAzmNl6ajOuwgPxU8qW8/i+Z36jxTnZM+BuSWXCxqnYlqdZFBG5mjcbECooBIlI68pM8IQtiFz0X1T9zgyd2HCtZIuspWeEwJV9A9CxU/b2vnZIhBZehP3C5+l9amrOS6EE1RTFc39jN7zq5Ja+bHuArMX0dfEI11bsOcposFSxeXBrYa1AHFMpriF6hquPdw7fXQQ5LLz22OEDJ5z1QcVG1U/cR81lqjDGwMruCCK4NjZf7+3sZZsQantHXu8lY2F66XuAAJd8kP5Ek2R9QCKEnmU0GVPMt5aV83I81Vg3bK9Y6gJ3Guozyzjdx2CyWVLATvim9/GUSwYyI1OATjBtOXX2lb8zSxvxgp7GsEWPjJvOVHcCirqWs2gnGJR/XTFSLl9isqTxjuHjSSV+4HxnpL4yoLNRWYFGIgOZSkp+WJjNkKaRVWWJGWXpgOGY/Bdi4xFjbM/qzlMaqEjoBRTXOlsuUINON3RHcDgFgxOOz0wD3jSpinjINXUIzYF1cG9uwZMCgvCOf7Qvq8j3p3ps3/wDHS5O0YOBNvAAAAABJRU5ErkJggg==",_={name:"Header",components:{SearchBox:x,BaseText:u,BaseButton:m,Icon:p},data(){return{logo:j}}},z={class:"border-b border-lineGrey w-full bg-primary m-0"},T={class:"w-full hidden md:flex"},G={class:"flex items-center justify-center w-36 h-36"},I=["src"],X={class:"flex w-full items-center border-r border-l border-lineGrey"},Z={class:"hidden lg:flex w-1/3 pl-20"},q={class:"ml-8 w-2/3 flex justify-around"},W={class:"flex items-center justify-center w-36 h-36"},M={class:"w-full flex md:hidden"},Y={class:"m-4 flex justify-between"},F=["src"];function J(t,r,o,c,l,n){const a=e.resolveComponent("SearchBox"),s=e.resolveComponent("BaseText"),i=e.resolveComponent("BaseButton"),g=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("header",z,[e.createElementVNode("section",T,[e.createElementVNode("div",G,[e.createElementVNode("img",{src:l.logo,alt:"Logo",class:"h-14 w-18 bg-accent"},null,8,I)]),e.createElementVNode("section",X,[e.createElementVNode("div",Z,[e.createVNode(a,{class:"w-24 md:w-32 lg:w-52 xl:w-64 bg-primary"})]),e.createElementVNode("nav",q,[e.createVNode(s,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"},{default:e.withCtx(()=>r[0]||(r[0]=[e.createTextVNode("Tournaments")])),_:1}),e.createVNode(s,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"},{default:e.withCtx(()=>r[1]||(r[1]=[e.createTextVNode("Clubs")])),_:1}),e.createVNode(s,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"},{default:e.withCtx(()=>r[2]||(r[2]=[e.createTextVNode("Leaderboard")])),_:1}),e.createVNode(s,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"},{default:e.withCtx(()=>r[3]||(r[3]=[e.createTextVNode("Contact")])),_:1})])]),e.createElementVNode("div",W,[e.createVNode(i,{backgroundColor:"primary",border:"secondary",color:"secondary",label:"Login",size:"xs"})])]),e.createElementVNode("section",M,[e.createElementVNode("div",Y,[e.createElementVNode("img",{src:l.logo,alt:"Logo",class:"h-10 w-14"},null,8,F),e.createVNode(g,{icon:"fa-bars",color:"secondary",size:"xl",class:"absolute right-2",onClick:t.onSearch},null,8,["onClick"])])])])}const O=d(_,[["render",J]]),D={name:"HeroBanner",components:{BaseText:u,BaseButton:m},props:{imageSrc:{type:String,required:!0},title:{type:String,required:!0},description:{type:String,required:!0},buttonLabel:{type:String,required:!0}},methods:{onClick(){this.$emit("button-click")}}},H={class:"relative w-full h-3/4 flex justify-center bg-primary m-0"},K={class:"relative w-full border-b border-l border-r border-lineGrey"},L=["src"],U={class:"hidden md:flex absolute inset-0 items-center justify-start px-8"},R={class:"text-left text-white max-w-lg"},Q={class:"flex justify-center md:hidden text-left bg-primary w-full"},P={class:"w-full px-6 py-8 text-center"};function $(t,r,o,c,l,n){const a=e.resolveComponent("BaseText"),s=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",H,[r[0]||(r[0]=e.createElementVNode("div",{class:"hidden md:block w-36 bg-primary"},null,-1)),e.createElementVNode("div",K,[e.createElementVNode("img",{src:o.imageSrc,alt:"Hero Image",class:"w-full h-full object-cover"},null,8,L),e.createElementVNode("section",U,[e.createElementVNode("div",R,[e.createVNode(a,{color:"secondary",tag:"h1",size:"4xl",weight:"bold",class:"mb-4"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]),_:1}),e.createVNode(a,{color:"secondary",tag:"p",size:"lg",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.description),1)]),_:1}),e.createVNode(s,{label:o.buttonLabel,color:"secondary",border:"gradient1",onClick:n.onClick},null,8,["label","onClick"])])])]),r[1]||(r[1]=e.createElementVNode("div",{class:"hidden md:block w-36 bg-primary"},null,-1))]),r[2]||(r[2]=e.createElementVNode("section",{class:"hidden md:flex border-t border-lineGrey w-full bg-primary"},[e.createElementVNode("div",{class:"hidden md:block w-36 bg-primary"}),e.createElementVNode("div",{class:"relative w-full border-b border-l border-r border-lineGrey h-36"}),e.createElementVNode("div",{class:"hidden md:block w-36 bg-primary"})],-1)),e.createElementVNode("section",Q,[e.createElementVNode("div",P,[e.createVNode(a,{color:"secondary",tag:"h1",size:"2xl",weight:"bold",class:"mb-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]),_:1}),e.createVNode(a,{color:"secondary",tag:"p",size:"sm",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.description),1)]),_:1}),e.createVNode(s,{label:o.buttonLabel,color:"secondary",border:"gradient1",class:"w-1/2 m-auto",onClick:n.onClick},null,8,["label","onClick"])])])],64)}const ee=d(D,[["render",$]]);exports.BaseIcon=m;exports.BaseText=u;exports.Header=O;exports.HeroBanner=ee;exports.Icon=p;exports.InputField=b;exports.Searchbox=x;

package/src/components/HelloWorld.vue

@@ -1,43 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-
-defineProps({
-  msg: String,
-})
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-      >Vue Docs Scaling up Guide</a
-    >.
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>