Added basic SEO

pages/collections.vue

@@ -13,3 +13,18 @@
         </article>
     </main>
 </template>
+
+<script setup>
+const TITLE = "Collections"
+const DESC = "Techit's personal-public collections"
+
+useHead({
+  title: TITLE,
+  meta: [
+    { name: 'description', content: DESC },
+    { property: 'og:title', content: TITLE },
+    { property: 'og:description', content: DESC },
+    { property: 'og:type', content: 'website' }
+  ]
+})
+</script>

pages/contact.vue

@@ -17,3 +17,18 @@
         </article>
     </main>
 </template>
+
+<script setup>
+const TITLE = "Contact"
+const DESC = "How to contact Techit"
+
+useHead({
+  title: TITLE,
+  meta: [
+    { name: 'description', content: DESC },
+    { property: 'og:title', content: TITLE },
+    { property: 'og:description', content: DESC },
+    { property: 'og:type', content: 'website' }
+  ]
+})
+</script>

pages/fonts.vue

@@ -26,3 +26,18 @@
         </article>
     </main>
 </template>
+
+<script setup>
+const TITLE = "Fonts"
+const DESC = "Fonts hosted on thawia.ng"
+
+useHead({
+  title: TITLE,
+  meta: [
+    { name: 'description', content: DESC },
+    { property: 'og:title', content: TITLE },
+    { property: 'og:description', content: DESC },
+    { property: 'og:type', content: 'website' }
+  ]
+})
+</script>

pages/index.vue

@@ -16,3 +16,18 @@
         </article>
     </main>
 </template>
+
+<script setup>
+const TITLE = "Home"
+const DESC = "Welcome to thawia.ng, a Techit's website."
+
+useHead({
+  title: TITLE,
+  meta: [
+    { name: 'description', content: DESC },
+    { property: 'og:title', content: TITLE },
+    { property: 'og:description', content: DESC },
+    { property: 'og:type', content: 'website' }
+  ]
+})
+</script>