refactor: ♻️ 布局组件命名优化

src/components/AppLink/index.vue

@@ -0,0 +1,40 @@
+<template>
+  <component :is="type" v-bind="linkProps(to)">
+    <slot></slot>
+  </component>
+</template>
+
+<script setup lang="ts">
+defineOptions({
+  name: "AppLink",
+  inheritAttrs: false,
+});
+
+import { isExternal } from "@/utils/index";
+
+const props = defineProps({
+  to: {
+    type: String,
+    required: true,
+  },
+});
+
+const isExternalLink = computed(() => isExternal(props.to));
+
+const type = computed(() => {
+  return isExternalLink.value ? "a" : "router-link";
+});
+
+const linkProps = (to: string) => {
+  if (isExternalLink.value) {
+    return {
+      href: to,
+      target: "_blank",
+      rel: "noopener noreferrer",
+    };
+  }
+  return {
+    to: to,
+  };
+};
+</script>