add description and canonical

Tarhche · May 18, 2024 · 0551fd0 · 0551fd0
1 parent fdb7f07
commit 0551fd0
Show file tree

Hide file tree

Showing 7 changed files with 69 additions and 3 deletions.
diff --git a/frontend/pages/articles/[uuid].vue b/frontend/pages/articles/[uuid].vue
@@ -26,7 +26,18 @@
 
 <script setup>
     const {uuid} = useRoute().params;
+
     const resolveFileUrl = useFilesUrlResolver().resolve
 
     const data = await $fetch(useApiUrlResolver().resolve(`api/articles/${uuid}`))
+
+    useHead({
+        title: data.title,
+        meta: [
+            { name: 'description', content: data.excerpt },
+        ],
+        link: [
+            { rel: 'canonical', href: `/articles/${uuid}` }
+        ]
+    })
 </script>
diff --git a/frontend/pages/articles/index.vue b/frontend/pages/articles/index.vue
@@ -15,8 +15,18 @@
 </template>
 
 <script setup>
+    useHead({
+        title: `مقاله ها`,
+        meta: [
+            { name: 'description', content: `مقاله ها` },
+        ],
+        link: [
+            { rel: 'canonical', href: '/articles' }
+        ]
+    })
+
     const url = useApiUrlResolver().resolve("api/articles")
     const { pending, data } = await useFetch(url, {
         pick: ['items', 'pagination']
-    });
+    })
 </script>
diff --git a/frontend/pages/auth/forgot-password.vue b/frontend/pages/auth/forgot-password.vue
@@ -31,6 +31,16 @@
 </template>
 
 <script setup>
+useHead({
+	title: 'بازیابی کلمه عبور',
+	meta: [
+		{ name: 'description', content: 'بازیابی کلمه عبور' },
+	],
+	link: [
+		{ rel: 'canonical', href: `/auth/forgot-password` }
+	]
+})
+
 // reflects form parameters
 const params = reactive({
 	identity: null,
@@ -58,7 +68,6 @@ async function forgotPassword() {
 }
 </script>
 
-
 <style scoped>
 #login-cover {
 	background-image: url('/img/login-bg.jpg');

diff --git a/frontend/pages/auth/login.vue b/frontend/pages/auth/login.vue
@@ -47,6 +47,16 @@
 </template>
 
 <script setup>
+useHead({
+	title: 'ورود به پنل کاربری',
+	meta: [
+		{ name: 'description', content: 'ورود به پنل کاربری' },
+	],
+	link: [
+		{ rel: 'canonical', href: `/auth/login` }
+	]
+})
+
 // reflects form parameters
 const params = reactive({
 	identity: null,

diff --git a/frontend/pages/auth/reset-password.vue b/frontend/pages/auth/reset-password.vue
@@ -44,6 +44,16 @@
 </template>
 
 <script setup>
+useHead({
+	title: 'تغییر کلمه عبور',
+	meta: [
+		{ name: 'description', content: 'تغییر کلمه عبور' },
+	],
+	link: [
+		{ rel: 'canonical', href: `/auth/reset-password` }
+	]
+})
+
 // reflects form parameters
 const params = reactive({
 	token: null,

diff --git a/frontend/pages/hashtags/[hashtag].vue b/frontend/pages/hashtags/[hashtag].vue
@@ -17,6 +17,16 @@
 <script setup>
     const { hashtag } = useRoute().params;
 
+    useHead({
+        title: `هشتک|${hashtag}`,
+        meta: [
+            { name: 'description', content: `هشتک|${hashtag}` },
+        ],
+        link: [
+            { rel: 'canonical', href: '/hashtag' }
+        ]
+    })
+
     const url = useApiUrlResolver().resolve(`api/hashtags/${hashtag}`)
     const { pending, data } = await useFetch(url, {
         pick: ['items', 'pagination']

diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
@@ -31,7 +31,13 @@
 
 <script setup>
 useHead({
-  title: "صفحه اصلی"
+  title: "صفحه اصلی",
+  meta: [
+	{ name: 'description', content: 'طرح‌چه' },
+  ],
+  link: [
+	{ rel: 'canonical', href: '/' }
+  ]
 })
 
 const { data, pending, error } = await useAsyncData(