From 4b81da66a3c6a5a8bc56507f81e02c5a0442f8a1 Mon Sep 17 00:00:00 2001
From: Techit Thawiang <techit@dailitation.xyz>
Date: Sun, 29 Jun 2025 14:06:36 +0700
Subject: [PATCH] Added basic SEO

---
 pages/collections.vue | 17 ++++++++++++++++-
 pages/contact.vue     | 17 ++++++++++++++++-
 pages/fonts.vue       | 17 ++++++++++++++++-
 pages/index.vue       | 17 ++++++++++++++++-
 4 files changed, 64 insertions(+), 4 deletions(-)

diff --git a/pages/collections.vue b/pages/collections.vue
index 4d17f8d..cdcb8c5 100644
--- a/pages/collections.vue
+++ b/pages/collections.vue
@@ -12,4 +12,19 @@
             </ul>
         </article>
     </main>
-</template>
\ No newline at end of file
+</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>
\ No newline at end of file
diff --git a/pages/contact.vue b/pages/contact.vue
index 7254821..aaa777f 100644
--- a/pages/contact.vue
+++ b/pages/contact.vue
@@ -16,4 +16,19 @@
             </ul>
         </article>
     </main>
-</template>
\ No newline at end of file
+</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>
\ No newline at end of file
diff --git a/pages/fonts.vue b/pages/fonts.vue
index 9598405..841c6c2 100644
--- a/pages/fonts.vue
+++ b/pages/fonts.vue
@@ -25,4 +25,19 @@
             </ul>
         </article>
     </main>
-</template>
\ No newline at end of file
+</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>
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index db79ce2..a91c40d 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -15,4 +15,19 @@
             <p>Recommended article on Wikipedia: <a href="https://th.wikipedia.org/wiki/%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%A3%E0%B8%B1%E0%B9%88%E0%B8%A7%E0%B9%84%E0%B8%AB%E0%B8%A5%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%9A%E0%B8%97%E0%B8%AA%E0%B8%99%E0%B8%97%E0%B8%99%E0%B8%B2%E0%B8%97%E0%B8%B2%E0%B8%87%E0%B9%82%E0%B8%97%E0%B8%A3%E0%B8%A8%E0%B8%B1%E0%B8%9E%E0%B8%97%E0%B9%8C%E0%B8%A3%E0%B8%B0%E0%B8%AB%E0%B8%A7%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B9%84%E0%B8%97%E0%B8%A2%E2%80%93%E0%B8%81%E0%B8%B1%E0%B8%A1%E0%B8%9E%E0%B8%B9%E0%B8%8A%E0%B8%B2">การรั่วไหลของบทสนทนาทางโทรศัพท์ระหว่างไทย–กัมพูชา</a></p>
         </article>
     </main>
-</template>
\ No newline at end of file
+</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>
\ No newline at end of file