chore: Titles and favicon icon added!

zhshakib · Nov 15, 2024 · 6824532 · 6824532
1 parent 3b60da3
commit 6824532
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 5 deletions.
diff --git a/app.vue b/app.vue
@@ -1,3 +1,15 @@
+<script setup lang="ts">
+useHead({
+  title: 'UGV ShowCase',
+  meta: [
+    {
+      name: 'description',
+      content: 'Project ShowCase of University of Global Village Student',
+    },
+  ],
+})
+</script>
+
 <template>
   <NuxtLayout>
     <NuxtPage />

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -1,5 +1,12 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  app: {
+    head: {
+      charset: 'utf-8',
+      viewport: 'width=device-width, initial-scale=1',
+    }
+
+  },
   devtools: { enabled: true },
   css: ['~/assets/css/main.css'],
 

diff --git a/pages/about.vue b/pages/about.vue
@@ -1,4 +1,8 @@
 <template>
+
+    <Head>
+        <Title>Team | UGV ShowCase</Title>
+    </Head>
     <header class="bg-base-100">
         <h1 class="text-3xl font-medium text-center py-5">
             <a href="/">
@@ -13,20 +17,21 @@
             </h2>
         </section>
         <section class="w-full mx-auto bg-base-100 p-5">
-            <div class="lg:w-4/5 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 lg:mx-auto mx-5 gap-5">
+            <div class="lg:w-4/5 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 lg:mx-auto mx-5 gap-5">
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
                     <NuxtImg src="/img/Nazia.jpg" alt="Nazia Islam" width="300" height="300" class="rounded-3xl mb-2" />
 
                     <h2 class="text-2xl font-bold text-center mb-2">Nazia Islam</h2>
                     <p class="text-sm font-medium text-center mb-2">Creative Designer</p>
                 </div>
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
-                    <NuxtImg src="/img/Jarin.jpg" width="300" height="300" alt="Nazia Islam" class="rounded-3xl mb-2" />
+                    <NuxtImg src="/img/Jarin.jpg" width="300" height="300" alt="Jarin Rahman"
+                        class="rounded-3xl mb-2" />
                     <h2 class="text-2xl font-bold text-center mb-2">Jarin Rahman</h2>
                     <p class="text-sm font-medium text-center mb-2">Creative Designer</p>
                 </div>
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
-                    <NuxtImg src="/img/Sumaiya.jpg" alt="Nazia Islam" width="300" height="300"
+                    <NuxtImg src="/img/Sumaiya.jpg" alt="Sumaiya Jannat" width="300" height="300"
                         class="rounded-3xl mb-2" />
 
                     <h2 class="text-2xl font-bold text-center mb-2">Sumaiya Jannat</h2>
@@ -35,13 +40,13 @@
             </div>
             <div class="lg:w-1/2 grid grid-cols-1 md:grid-cols-2  lg:mx-auto mx-5 gap-5 mt-5">
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
-                    <NuxtImg src="/img/Shakib.jpg" width="300px" height="300px" alt="Nazia Islam"
+                    <NuxtImg src="/img/Shakib.jpg" width="300px" height="300px" alt="ZH Shakib"
                         class="rounded-3xl mb-2" />
                     <h2 class="text-2xl font-bold text-center mb-2">ZH Shakib</h2>
                     <p class="text-sm font-medium text-center mb-2">Developer</p>
                 </div>
                 <div class="flex flex-col items-center justify-center gap-2 bg-base-300 p-5 rounded-2xl">
-                    <NuxtImg src="/img/Soyeb.jpg" width="300px" height="300px" alt="Nazia Islam"
+                    <NuxtImg src="/img/Soyeb.jpg" width="300px" height="300px" alt="Soyeb Mahmud"
                         class="rounded-3xl mb-2" />
                     <h2 class="text-2xl font-bold text-center mb-2">Soyeb Mahmud</h2>
                     <p class="text-sm font-medium text-center mb-2">Developer</p>

diff --git a/pages/index.vue b/pages/index.vue
@@ -23,6 +23,10 @@ watch(searchQuery, async (newQuery: string) => {
 </script>
 
 <template>
+
+  <Head>
+    <Title>Home | UGV ShowCase</Title>
+  </Head>
   <header class="bg-base-100 mb-5">
     <Navbar @searchQuery="handleSearchQuery" />
   </header>

diff --git a/public/favicon.ico b/public/favicon.ico