🔍️ Add nofollow and ugc tags for urls

likecoin · Dec 2, 2023 · 55d4ecf · 55d4ecf
1 parent 4338fd2
commit 55d4ecf
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 2 deletions.
diff --git a/components/Alerts/SignFailed.vue b/components/Alerts/SignFailed.vue
@@ -5,6 +5,7 @@
       <Link
         place="buy"
         :class="['text-white', 'ml-[2px]']"
+        nofollow="true"
         href="https://go.crisp.chat/chat/embed/?website_id=5c009125-5863-4059-ba65-43f177ca33f7"
       >
         {{ $t('IscnRegisterForm.error.buy') }}

diff --git a/components/ContentFingerprintLink.vue b/components/ContentFingerprintLink.vue
@@ -1,5 +1,5 @@
 <template>
-  <Link v-if="href" :href="href">
+  <Link v-if="href" :href="href" :nofollow="true">
     {{ item }}
   </Link>
   <div v-else>

diff --git a/components/IscnRegisterForm.vue b/components/IscnRegisterForm.vue
@@ -464,6 +464,7 @@
         <Link
           v-if="error === 'INSUFFICIENT_BALANCE'"
           :class="['text-white','ml-[2px]']"
+          nofollow="true"
           href="https://app.osmosis.zone/?from=USDC&to=LIKE"
         >
           {{ $t('IscnRegisterForm.error.buy') }}

diff --git a/components/IscnUploadForm.vue b/components/IscnUploadForm.vue
@@ -213,6 +213,7 @@
       <Link
         v-if="error === 'INSUFFICIENT_BALANCE'"
         :class="['text-white','ml-[2px]']"
+        nofollow="true"
         href="https://app.osmosis.zone/?from=USDC&to=LIKE"
       >
         {{ $t('IscnRegisterForm.error.buy') }}

diff --git a/components/IscnUploadedInfo.vue b/components/IscnUploadedInfo.vue
@@ -113,6 +113,7 @@
             'text-[14px]',
             'break-all',
           ]"
+          nofollow="true"
           :href="transactionsURL"
         >
           {{ iscnHash }}

diff --git a/components/Link.vue b/components/Link.vue
@@ -17,17 +17,24 @@ export default class Link extends Vue {
   // Equivalent to `to` of `<NuxtLink/>`
   @Prop({ default: null }) readonly to: object | null | undefined
   @Prop(String) readonly href: string | undefined
+  @Prop({ default: false }) readonly nofollow!: boolean
+  @Prop({ default: false }) readonly noreferrer!: boolean
+  @Prop({ default: false }) readonly ugc!: boolean
   @Prop({ default: false }) readonly isInline!: boolean
 
   get attrs() {
     if (this.to) {
       return { to: this.to }
     }
     if (this.href) {
+      const rel = ['noopener']
+      if (this.nofollow) { rel.push('nofollow') }
+      if (this.noreferrer) { rel.push('noreferrer') }
+      if (this.ugc) { rel.push('ugc') }
       return {
         href: this.href,
         target: '_blank',
-        rel: 'noopener noreferrer',
+        rel: rel.join(' '),
       }
     }
     return {}

diff --git a/pages/view/_iscnId/index.vue b/pages/view/_iscnId/index.vue
@@ -225,6 +225,7 @@
                 'text-[14px]',
                 'break-all',
               ]"
+              nofollow="true"
               :href="transactionsURL">
               {{ txHash }}
             </Link>
@@ -306,6 +307,7 @@
                 'break-all',
               ]"
               :href="metadata.url"
+              ugc="true"
             >
               {{ metadata.url }}
             </Link>
@@ -321,6 +323,7 @@
                 'text-[14px]',
                 'break-all',
               ]"
+              ugc="true"
               :href="metadata.usageInfo"
             >
               {{ metadata.usageInfo }}
@@ -415,6 +418,7 @@
                 :key="url"
                 :href="url"
                 class="break-all"
+                :ugc="true"
                 >{{ url }}</Link
               >
             </FormField>