fix: fix broken links

Author: natedunn

src/views/pages/index/index.vue

@@ -34,7 +34,8 @@
           "
         >
           <Link
-            :class="tw`inline-flex space-x-2 py-4 px-4`"
+            variant="primary"
+            :class="tw`space-x-2 py-4 px-4`"
             to="/guides/getting-started"
             styled
           >
@@ -54,28 +55,17 @@
               />
             </svg>
           </Link>
-          <Link
-            :class="tw`inline-flex space-x-2 py-4 px-4`"
-            href="https://github.com/natedunn/vue-zephyr"
-            external
-            newWindow
+          <Anchor
+            variant="primary"
+            :classAppend="{
+              anchor: 'space-x-2 py-4 px-4',
+              icon: 'w-5'
+            }"
+            href="https://github.com/usezephyr/vue-zephyr"
+            newTab
           >
-            <div>Github</div>
-            <svg
-              :class="tw`w-4`"
-              xmlns="http://www.w3.org/2000/svg"
-              fill="none"
-              viewBox="0 0 24 24"
-              stroke="currentColor"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="3"
-                d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-              />
-            </svg>
-          </Link>
+            Github
+          </Anchor>
         </div>
       </div>
     </header>
@@ -148,9 +138,9 @@
             >
             <p>
               Using
-              <Link href="https://github.com/tw-in-js/twind" external newWindow
-                >Twind</Link
-              >
+              <Anchor href="https://github.com/tw-in-js/twind" newTab>
+                Twind
+              </Anchor>
               under the hood, Zephyr requires no build step to generate Tailwind
               styles.
             </p>