changes

app/pages/index.vue

@@ -2,20 +2,31 @@
   <ClientOnly>
     <TopMenu @changetab="changeTab" />
     <div class="container blockdiv has-text-text-20">
-      <div class="fs-17 font-semibold mb-2 is-flex is-align-items-center is-gap-1" v-if="tab">
+      <div class="mb-2 is-flex is-justify-content-space-between is-align-items-center is-gap-1" v-if="tab">
         <template v-if="subtab">
-          <span>{{ tab[$store.lang] }}</span>
+          <span class="fs-17 font-semibold">{{ tab[$store.lang] }}</span>
           <SvgIcon class="mx-2" v-bind="{ name: 'right.svg', size: 17, type: 'has-text-black' }"></SvgIcon>
-          <span>{{ subtab[$store.lang] }}</span>
+          <span class="fs-17 font-semibold">{{ subtab[$store.lang] }}</span>
         </template>
         <div v-else>
           <div class="is-flex is-gap-1 is-align-items-center mb-1">
-            <p>{{ tab[$store.lang] }}</p>
-            <button class="button is-primary is-light rounded-full p-1" @click="refresh()">
+            <p class="fs-17 font-semibold">{{ tab[$store.lang] }}</p>
+            <button
+              @click="refresh"
+              class="button is-primary is-light rounded-full p-1"
+            >
               <Icon name="material-symbols:refresh-rounded" :size="20" />
             </button>
           </div>
-          <p class="has-text-grey fs-13 font-normal">Cập nhật: 16:25:54</p>
+          <p class="has-text-grey fs-13 font-normal">Cập nhật: 
+            <NuxtTime
+              :datetime="Date.now() - 1000 * 60 * Math.random() * 10"
+              locale="vi-VN"
+              relative
+            />
+          </p>
+        </div>
+        <div id="header-right-slot">
         </div>
       </div>
       <KeepAlive>