perf: dynamic title head

src/pages/about.vue

@@ -9,6 +9,9 @@ import IShakeHand from '~/components/icons/IShakeHand.vue'
 import ICompany from '~/components/icons/ICompany.vue'
 import ITeam from '~/components/icons/ITeam.vue'
 import Itestimonial from '~/components/icons/ITestimonial.vue'
+useHead({
+  title: 'e-shopee | about',
+})
 </script>
 
 <template>

src/pages/admin/index.vue

@@ -117,6 +117,9 @@ export default defineComponent({
     [THEME_KEY]: 'light',
   },
   setup() {
+    useHead({
+      title: 'admin | home',
+    })
     const option = ref({
       title: {
         text: 'Top sales',

src/pages/admin/login.vue

@@ -3,6 +3,12 @@ meta:
   layout: ALogin
 </route>
 
+<script setup lang="ts">
+useHead({
+  title: 'admin | login',
+})
+</script>
+
 <template>
   <div class="login-container grid grid-rows-5">
     <div class="login-banner row-span-2 flex justify-center items-center relative">

src/pages/cart.vue

@@ -3,6 +3,12 @@ meta:
   layout: LCart
 </route>
 
+<script setup>
+useHead({
+  title: 'e-shopee | cart',
+})
+</script>
+
 <template>
   <div class="cart-container text-center">
     <table class="table w-full">

src/pages/checkout.vue

@@ -4,6 +4,9 @@ meta:
 </route>
 
 <script setup>
+useHead({
+  title: 'e-shopee | checkout',
+})
 const isPersonal = ref(true)
 const isAddress = ref(false)
 const isShipping = ref(false)

src/pages/contact.vue

@@ -3,6 +3,12 @@ meta:
   layout: LContact
 </route>
 
+<script setup>
+useHead({
+  title: 'e-shopee | contact',
+})
+</script>
+
 <template>
   <div class="contact-container grid grid-cols-2 gap-15 text-left p-15">
     <div class="left divide-light-700 divide-y">

src/pages/index.vue

@@ -19,7 +19,7 @@ const { t } = useI18n()
       <carbon-campsite class="inline-block" />
     </p>
     <p>
-      <a rel="noreferrer" href="https://github.com/antfu/vitesse" target="_blank">
+      <a rel="noreferrer" href="https://github.com/thuongtruong1009/e-shopee" target="_blank">
         Vitesse
       </a>
     </p>

src/pages/seller/home.vue

@@ -3,6 +3,12 @@ meta:
   layout: SHome
 </route>
 
+<script setup>
+useHead({
+  title: 'seller | home',
+})
+</script>
+
 <template>
   <div class="">
     home

src/pages/seller/login.vue

@@ -3,6 +3,13 @@ meta:
   layout: SLogin
 </route>
 
+<script setup>
+useHead({
+  title: 'seller | login',
+})
+</script>
+
+
 <template>
   <div class="seller-login-container grid grid-cols-2">
     <div class="seller-login-container-left grid pt-10">

src/pages/seller/notifications.vue

@@ -4,6 +4,9 @@ meta:
 </route>
 
 <script setup>
+useHead({
+  title: 'seller | notifications',
+})
 const notifications = reactive([{
   img: 'https://cf.shopee.vn/file/dc275ef5663eaf4ef26ba0e9f50e737e',
   title: 'Shopee Xu sắp hết hạn!!',

src/pages/seller/orders/all.vue

@@ -5,6 +5,9 @@ meta:
 
 <script setup>
 import PNotFound from '~/components/partterns/PNotFound.vue'
+useHead({
+  title: 'seller | all-orders',
+})
 const queryType = ref('code orders')
 const navActive = ref('all')
 

src/pages/seller/prods/add.vue

@@ -6,6 +6,9 @@ meta:
 <script setup>
 import ISearch from '~/components/ISearch.vue'
 import ICaretRight from '~/components/ICaretRight.vue'
+useHead({
+  title: 'seller | add-productions',
+})
 const numberWord = ref('')
 const productsList = reactive([
   {

src/pages/seller/prods/all.vue

@@ -5,6 +5,9 @@ meta:
 
 <script setup>
 import IQuestion from '~/components/IQuestion.vue'
+useHead({
+  title: 'seller | all-productions',
+})
 
 const queryType = ref('all')
 

src/pages/seller/shop/profile.vue

@@ -14,6 +14,10 @@ import IPlus from '~/components/icons/IPlus.vue'
 import IQuestion from '~/components/IQuestion.vue'
 const numberShopName = ref('Lamborghini Aventador S')
 const numberShopDescription = ref('')
+
+useHead({
+  title: 'seller | profile',
+})
 </script>
 
 <template>

src/pages/sitemap.vue

@@ -5,7 +5,9 @@ meta:
 
 <script setup>
 import CMap from '~/components/CMap.vue'
-
+useHead({
+  title: 'e-shopee | sitemap',
+})
 </script>
 
 <template>