feat: improve Ulink component

Author: surmon-china

src/components/common/ulink.ts

@@ -4,14 +4,12 @@
  * @author Surmon <https://github.com/surmon-china>
  */
 
-import { AnchorHTMLAttributes, defineComponent, h } from 'vue'
+import { AnchorHTMLAttributes, PropType, defineComponent, h } from 'vue'
 import { RouterLink, RouterLinkProps } from 'vue-router'
 
 export default defineComponent({
   name: 'Ulink',
   props: {
-    // @ts-ignore
-    ...RouterLink.props,
     to: {
       type: String,
       required: false
@@ -27,31 +25,33 @@ export default defineComponent({
     blank: {
       type: Boolean,
       default: true
+    },
+    routerLink: {
+      type: Object as PropType<RouterLinkProps>
     }
   },
   setup(props, context) {
     return () => {
-      const { to, href, external, blank, ...routerLinkProps } = props
       const customAttrs: AnchorHTMLAttributes = { ...context.attrs }
 
       // <router-link>
-      if (to && !to.startsWith('http')) {
-        const ps: RouterLinkProps = {
-          to: to,
-          ...routerLinkProps
+      if (props.to && !props.to.startsWith('http')) {
+        const linkProps: RouterLinkProps = {
+          to: props.to,
+          ...(props.routerLink ?? {})
         }
-        return h(RouterLink, ps, context.slots.default)
+        return h(RouterLink, linkProps, context.slots.default)
       }
 
       // <a>
-      if (external) {
+      if (props.external) {
         customAttrs.rel = 'external nofollow noopener'
       }
-      if (blank) {
+      if (props.blank) {
         customAttrs.target = '_blank'
       }
 
-      return h('a', { ...customAttrs, href }, context.slots.default?.())
+      return h('a', { ...customAttrs, href: props.href }, context.slots.default?.())
     }
   }
 })

src/components/widget/sponsor/provider.vue

@@ -95,8 +95,8 @@
             </ulink>
             <ulink
               class="more-link"
-              v-if="allGitHubSponsors.length > maxSponsors"
               :href="VALUABLE_LINKS.GITHUB_SPONSORS"
+              v-if="allGitHubSponsors.length > maxSponsors"
             >
               + {{ allGitHubSponsors.length - maxSponsors }}
             </ulink>

src/pages/index/twitter.vue

@@ -36,7 +36,7 @@
 
 <template>
   <div class="twitter">
-    <placeholder :data="profile" :loading="fetching">
+    <placeholder :data="profile ?? void 0" :loading="fetching">
       <template #placeholder>
         <empty class="twitter-empty" bold key="empty" />
       </template>