feat: component optimization

Author: WRXinYue

theme/components/plugins/SakuraTwikoo.vue

@@ -1,9 +1,12 @@
 <script lang="ts" setup>
-import { useTwikooWithOptions } from 'valaxy-addon-twikoo'
-
+import * as addonTwikoo from 'valaxy-addon-twikoo'
 import 'valaxy-addon-twikoo/client/styles/index.scss'
+import { isEmptyAddon } from 'valaxy'
+
+if (isEmptyAddon(addonTwikoo))
+  throw new Error('Please install valaxy-addon-twikoo')
 
-useTwikooWithOptions()
+addonTwikoo.useTwikooWithOptions()
 </script>
 
 <template>

theme/components/themes/ArticleThemeCard.vue

@@ -23,10 +23,10 @@ const isMounted = useMounted()
         <SakuraDate :date="post.date" />
       </div>
       <RouterLink :to="post.path || ''" :aria-label="`Read more about ${post.title}`">
-        <div class="title my-2">
+        <div class="title">
           {{ post.title }}
         </div>
-        <div class="mb-3 text-[var(--st-c-text-secondary)] dark:text-[var(--st-c-text-secondary)]" v-html="post.excerpt" />
+        <div class="mb-2.25 text-[var(--st-c-text-secondary)] dark:text-[var(--st-c-text-secondary)]" v-html="post.excerpt" />
       </RouterLink>
 
       <div class="inline-flex">