docs: vm update

Author: posva

packages/docs/.vitepress/theme/components/VueMasteryHomeLink.vue

@@ -1,47 +1,51 @@
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <div class="container">
     <div class="inside">
-      <a href="https://www.vuemastery.com/pinia?coupon=PINIA-DOCS&via=eduardo" target="_blank">
+      <a
+        href="https://www.vuemastery.com/pinia?coupon=PINIA-DOCS&via=eduardo"
+        target="_blank"
+      >
         <span class="logo-wrapper">
-          <img alt="Vue Mastery Logo" width="25px" src="https://firebasestorage.googleapis.com/v0/b/vue-mastery.appspot.com/o/flamelink%2Fmedia%2Fvue-mastery-logo-small.png?alt=media&token=941fcc3a-2b6f-40e9-b4c8-56b3890da108">
+          <img
+            alt="Vue Mastery Logo"
+            width="25px"
+            src="https://firebasestorage.googleapis.com/v0/b/vue-mastery.appspot.com/o/flamelink%2Fmedia%2Fvue-mastery-logo-small.png?alt=media&token=941fcc3a-2b6f-40e9-b4c8-56b3890da108"
+          />
         </span>
         <span class="description">
-          Get the <span class="highlight">Pinia Cheat Sheet</span> from Vue Mastery
+          Get the <span class="highlight">Pinia Cheat Sheet</span> from Vue
+          Mastery
         </span>
       </a>
     </div>
   </div>
 </template>
 
-
 <style scoped>
 .container {
   text-align: center;
   margin-top: 30px;
 }
 .inside {
-  width:960px;
+  width: 960px;
   border-bottom: 1px solid var(--c-divider);
-  padding-bottom:50px;
+  padding-bottom: 50px;
   margin: 0 auto;
 }
 a {
   background-color: var(--c-bg-accent);
   border-radius: 8px;
   padding: 8px 16px 8px 8px;
+  text-decoration: none !important;
 }
 .description {
   line-height: 20px;
   color: var(--c-text);
-  margin-left:10px;
+  margin-left: 10px;
   transition: color 0.5s;
 }
-a:hover {
-  text-decoration: none !important;
-}
 a:hover .highlight {
   text-decoration: underline;
 }
@@ -50,14 +54,14 @@ a:hover .highlight {
 }
 @media (max-width: 960px) {
   .inside {
-    width:100%;
+    width: 100%;
   }
 }
-@media (max-width: 420px) {   
+@media (max-width: 420px) {
   a {
-    display:block;
+    display: block;
     margin-left: 10px;
     margin-right: 10px;
   }
 }
-</style>
+</style>

packages/docs/.vitepress/theme/components/VueMasteryLogoLink.vue

@@ -26,6 +26,7 @@ a {
   align-items: center;
   margin-top: 10px;
   margin-bottom: 10px;
+  text-decoration: none !important;
 }
 
 .description {
@@ -38,10 +39,6 @@ a {
   transition: color 0.5s;
 }
 
-a:hover {
-  text-decoration: none !important;
-}
-
 .description span {
   color: var(--vp-c-brand);
 }