chore: 删除 Link 组件使用 VPLink 替代

kongying-tavern · Nov 5, 2024 · c470678 · c470678
1 parent d0ae5b4
commit c470678
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 51 deletions.
diff --git a/.vitepress/theme/components/Card.vue b/.vitepress/theme/components/Card.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { withBase } from 'vitepress'
-import { computed, defineProps, withDefaults } from 'vue'
+import { computed } from 'vue'
 import { isLinkExternal, isRelativeLink } from '../utils'
 
 import '../styles/card.scss'

diff --git a/.vitepress/theme/components/Footer.vue b/.vitepress/theme/components/Footer.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useQRCode } from '@vueuse/integrations/useQRCode'
 import { useData, withBase } from 'vitepress'
+import { VPLink } from 'vitepress/theme'
 import { socialList } from '../composables/socialList'
 
 const { frontmatter, theme } = useData()
@@ -14,13 +15,12 @@ const qrcode = useQRCode(theme.value.footer.qrcodeLink)
         <h3 class="footer-title">{{ item.title }}</h3>
         <ul>
           <li v-for="ic in item.items">
-            <Link
+            <VPLink
               :href="ic.link"
               :title="`${ic.text}（${withBase(ic.link)}）`"
-              :no-icon="true"
             >
               {{ ic.text }}
-            </Link>
+            </VPLink>
           </li>
         </ul>
       </div>

diff --git a/.vitepress/theme/components/Link.vue b/.vitepress/theme/components/Link.vue
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
@@ -12,7 +12,6 @@ import DocFeedback from './components/DocFeedback.vue'
 import DocHeader from './components/DocHeader.vue'
 import DocInfo from './components/DocInfo.vue'
 import HighlightTargetedHeading from './components/HighlightTargetedHeading.vue'
-import Link from './components/Link.vue'
 import LinkGrid from './components/LinkGrid.vue'
 
 import 'uno.css'
@@ -45,7 +44,6 @@ export default {
       debug: false,
     })
     app.use(pinia)
-    app.component('Link', Link)
     app.component('Coins', Coins)
     app.component('Card', Card)
     app.component('LinkGrid', LinkGrid)

diff --git a/src/components/staff/StaffList.vue b/src/components/staff/StaffList.vue
@@ -158,12 +158,13 @@ const sortedMembers = computed(() => {
 
 .members {
   padding-top: 24px;
+  margin-left: 12px;
 }
 
 @media (min-width: 768px) {
   .members {
     flex-grow: 1;
-    padding-top: 16px;
+    padding-top: 52px;
   }
 }
 
@@ -184,6 +185,7 @@ const sortedMembers = computed(() => {
     max-width: 100%;
   }
 }
+
 .members {
   display: flex;
   flex-wrap: wrap;
@@ -208,6 +210,8 @@ const sortedMembers = computed(() => {
 .member-name {
   font-size: 16px; /* Adjust the font size as needed */
   font-weight: bold;
+  word-break: keep-all;
+  white-space: nowrap;
 }
 
 .member-title {