Chore/title tag

pages/_prefix/drops/index.vue

@@ -2,6 +2,25 @@
   <Drops />
 </template>
 
-<script lang="ts" setup>
+<script lang="ts">
 import Drops from '@/components/drops/Drops.vue'
+
+export default {
+  name: 'DropsPage',
+  components: {
+    Drops,
+  },
+  head() {
+    const title = 'Drops'
+    const metaData = {
+      title,
+      description: 'View all drops',
+      url: '/drops',
+    }
+    return {
+      title,
+      meta: [...this.$seoMeta(metaData)],
+    }
+  },
+}
 </script>

pages/_prefix/explore/collectibles.vue

@@ -27,10 +27,9 @@ export default {
   head() {
     const { $route } = useNuxtApp()
     const runtimeConfig = useRuntimeConfig()
-    const title = 'Low minting fees and carbonless NFTs'
+    const title = 'Explore NFT Collections'
     const metaData = {
       title,
-      type: 'profile',
       description: 'Buy Carbonless NFTs on Kusama',
       url: `/${$route.params.prefix}/explore/collectibles`,
       image: `${runtimeConfig.public.baseUrl}/k_card.png`,

pages/_prefix/explore/items.vue

@@ -41,11 +41,11 @@ export default {
   head() {
     const { $route } = useNuxtApp()
     const runtimeConfig = useRuntimeConfig()
-    const title = 'Low minting fees and carbonless NFTs'
+    const title = 'Explore NFTs'
     const metaData = {
       title,
       type: 'profile',
-      description: 'Buy Carbonless NFTs on Kusama',
+      description: 'Buy Carbonless NFTs on KodaDot',
       url: `/${$route.params.prefix}/explore/items`,
       image: `${runtimeConfig.public.baseUrl}/k_card.png`,
     }

pages/_prefix/massmint/index.vue

@@ -22,11 +22,11 @@ export default {
   },
 
   head() {
-    const title = 'Kodadot | Massmint'
+    const title = 'Massmint'
     const metaData = {
       title,
       type: 'profile',
-      description: 'Buy Carbonless NFTs on Kusama',
+      description: 'Mint multiple NFTs at once',
       url: `/${this.$route.params.prefix}/massmint`,
       image: `${this.$config.public.baseUrl}/k_card.png`,
     }

pages/_prefix/massmint/onboarding.vue

@@ -27,11 +27,12 @@ export default {
     }
   },
   head() {
-    const title = 'Kodadot | Massmint'
+    const title = 'Massmint - Onboarding'
     const metaData = {
       title,
       type: 'profile',
-      description: 'Buy Carbonless NFTs on Kusama',
+      description:
+        'onboarding and tutorial for minting multiple NFTs at once on KodaDot',
       url: `/${this.$route.params.prefix}/massmint/onboarding`,
       image: `${this.$config.public.baseUrl}/k_card.png`,
     }

pages/_prefix/teleport.vue

@@ -2,6 +2,25 @@
   <Teleport />
 </template>
 
-<script lang="ts" setup>
+<script lang="ts">
 import Teleport from '@/components/teleport/Teleport.vue'
+
+export default {
+  name: 'TeleportPage',
+  components: {
+    Teleport,
+  },
+  head() {
+    const title = 'Teleport'
+    const metaData = {
+      title,
+      description: 'Teleport your assets between chains',
+      url: '/teleport',
+    }
+    return {
+      title,
+      meta: [...this.$seoMeta(metaData)],
+    }
+  },
+}
 </script>

pages/ahk/create.vue

@@ -32,7 +32,7 @@ export default {
     }
   },
   head() {
-    const title = 'KodaDot | Low fees and low carbon minting'
+    const title = 'Create carbonless NFTs'
     const metaData = {
       title,
       type: 'article',

pages/ahk/waifu.vue

@@ -14,13 +14,12 @@ export default {
     return 'generative-mint-layout'
   },
   head() {
-    const title = 'KodaDot | Low fees and low carbon minting'
+    const title = 'Mint Your Waifu'
     const metaData = {
       title,
       type: 'article',
-      description: 'Create carbonless NFTs with low on-chain fees',
-      url: '/mint',
-      image: `${this.$config.public.baseUrl}/k_card_mint.png`,
+      description: 'Create yourself a uique Waifu NFT',
+      url: 'ahk/mint',
     }
     return {
       title,

pages/ahp/create.vue

@@ -32,7 +32,7 @@ export default {
     }
   },
   head() {
-    const title = 'KodaDot | Low fees and low carbon minting'
+    const title = 'Create carbonless NFTs'
     const metaData = {
       title,
       type: 'article',

pages/bsx/assets.vue

@@ -8,5 +8,17 @@ export default {
   components: {
     AssetList: () => import('@/components/bsx/Asset/AssetList.vue'),
   },
+  head() {
+    const title = 'Select Payment Asset'
+    const metaData = {
+      title,
+      description: 'Select asset for paying transaction fees',
+      url: '/bsx/assets',
+    }
+    return {
+      title,
+      meta: [...this.$seoMeta(metaData)],
+    }
+  },
 }
 </script>

pages/bsx/claim.vue

@@ -12,7 +12,7 @@ export default {
     return 'centered-half-layout'
   },
   head() {
-    const title = 'KodaDot | Low fees and low carbon minting'
+    const title = 'Claim'
     const metaData = {
       title,
       type: 'article',

pages/bsx/create.vue

@@ -33,7 +33,7 @@ export default {
     }
   },
   head() {
-    const title = 'KodaDot | Low fees and low carbon minting'
+    const title = 'Create carbonless NFTs'
     const metaData = {
       title,
       type: 'article',

pages/bsx/incomingOffers.vue

@@ -8,5 +8,18 @@ export default {
   components: {
     MyOffer: () => import('@/components/bsx/Offer/MyOffer.vue'),
   },
+  head() {
+    const title = 'Incoming Offers'
+    const metaData = {
+      title,
+      description:
+        'See all the offers you have received for your NFTs on KodaDot',
+      url: '/bsx/incomingOffers',
+    }
+    return {
+      title,
+      meta: [...this.$seoMeta(metaData)],
+    }
+  },
 }
 </script>

pages/bsx/offers.vue

@@ -9,5 +9,17 @@ export default {
     MasterOfferTable: () =>
       import('@/components/bsx/Offer/MasterOfferTable.vue'),
   },
+  head() {
+    const title = 'Marketplace Offers'
+    const metaData = {
+      title,
+      description: 'See all the offers on Basilisk network',
+      url: '/bsx/offers',
+    }
+    return {
+      title,
+      meta: [...this.$seoMeta(metaData)],
+    }
+  },
 }
 </script>

pages/bsx/stats.vue

@@ -8,5 +8,18 @@ export default {
   components: {
     OfferStats: () => import('@/components/bsx/Offer/OfferStats.vue'),
   },
+  head() {
+    const title = 'Marketplace Statistics'
+    const metaData = {
+      title,
+      description:
+        'Marketplace activity and statistics for on Basilisk network',
+      url: '/bsx/stats',
+    }
+    return {
+      title,
+      meta: [...this.$seoMeta(metaData)],
+    }
+  },
 }
 </script>

pages/bsx/waifu.vue

@@ -12,13 +12,12 @@ export default {
     return 'generative-mint-layout'
   },
   head() {
-    const title = 'KodaDot | Low fees and low carbon minting'
+    const title = 'Mint Your Waifu'
     const metaData = {
       title,
       type: 'article',
-      description: 'Create carbonless NFTs with low on-chain fees',
-      url: '/mint',
-      image: `${this.$config.public.baseUrl}/k_card_mint.png`,
+      description: 'Create yourself a uique Waifu NFT',
+      url: 'bsx/mint',
     }
     return {
       title,

pages/carbonless.vue

@@ -150,6 +150,26 @@
   </section>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts">
 import { NeoIcon } from '@kodadot1/brick'
+
+export default {
+  name: 'CarbonlessPage',
+  components: {
+    NeoIcon,
+  },
+  head() {
+    const title = 'Carbonless NFT Movement'
+    const metaData = {
+      title,
+      description:
+        "Join KodaDot in the quest for a carbon-negative future in digital art. Learn how we're pioneering eco-friendly NFT minting, collaborating with Offsetra, and empowering artists and collectors to make a positive environmental impact.",
+      url: '/carbonless',
+    }
+    return {
+      title,
+      meta: [...this.$seoMeta(metaData)],
+    }
+  },
+}
 </script>

pages/cookie-notice.vue

@@ -177,3 +177,22 @@
     </p>
   </section>
 </template>
+
+<script lang="ts">
+export default {
+  name: 'CookieNotice',
+
+  head() {
+    const title = 'Cookie Policy'
+    const metaData = {
+      title,
+      description: 'KodaDot Cookie Policy',
+      url: '/cookie-notice',
+    }
+    return {
+      title,
+      meta: [...this.$seoMeta(metaData)],
+    }
+  },
+}
+</script>

pages/e2e-login.vue

@@ -4,35 +4,60 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts">
 import { mnemonicGenerate } from '@polkadot/util-crypto'
 import keyring from '@polkadot/ui-keyring'
 import { ss58Of } from '@/utils/config/chain.config'
 import { useIdentityStore } from '@/stores/identity'
 
-const identityStore = useIdentityStore()
+export default {
+  name: 'MockAddressPage',
+  setup() {
+    const identityStore = useIdentityStore()
+    const { urlPrefix } = usePrefix()
+    const mockAddress = ref(false)
 
-const { urlPrefix } = usePrefix()
-const mockAddress = ref(false)
+    onMounted(() => {
+      const mnemonic = mnemonicGenerate(12)
+      const { pair } = keyring.addUri(mnemonic, '', {
+        name: 'mnemonic acc',
+      })
 
-onMounted(async () => {
-  const mnemonic = mnemonicGenerate(12)
-  const { pair } = keyring.addUri(mnemonic, '', {
-    name: 'mnemonic acc',
-  })
+      // TODO: check 'loadAll' error, approx 1 in 10 tests fail without this
+      keyring.setSS58Format(ss58Of(urlPrefix.value))
+      keyring.addPair(pair, '')
+      const account = pair.address
 
-  // TODO: check 'loadAll' error, approx 1 in 10 tests fail without this
-  keyring.setSS58Format(ss58Of(urlPrefix.value))
-  keyring.addPair(pair, '')
-  const account = pair.address
+      localStorage.setItem('kodaauth', account)
+      identityStore
+        .setAuth({
+          address: account,
+          tokens: {},
+        })
+        .then(() => {
+          mockAddress.value = true
+        })
+        .catch((error) => {
+          console.error('Error setting auth:', error)
+        })
+    })
 
-  localStorage.setItem('kodaauth', account)
-  await identityStore.setAuth({
-    address: account,
-    balance: {},
-    tokens: {},
-  })
-
-  mockAddress.value = true
-})
+    return {
+      mockAddress,
+    }
+  },
+  head() {
+    return {
+      title: 'Mock Address Generator',
+      meta: [
+        {
+          name: 'description',
+          content:
+            'This is a mock address generator used for testing and development purposes on the KodaDot platform.',
+        },
+        { name: 'robots', content: 'noindex, nofollow' },
+      ],
+    }
+  },
+}
 </script>