feat: 为各个页面补全标题与SEO

app/pages/download/[id].vue

@@ -38,6 +38,11 @@
       statusMessage: '文件未找到',
     });
   }
+
+  const pageTitle = $t('page-title.download');
+  usePageSeo({
+    title: file.value.filename_download || pageTitle,
+  });
 </script>
 
 <style scoped>

app/pages/index.vue

@@ -19,9 +19,16 @@
     return toHomepageView(data.value);
   });
 
+  const pageTilte = $t('page-title.homepage');
+
   watch(error, (value) => {
     if (value) {
       console.error('数据获取失败: ', value);
     }
   });
+
+  useSeoMeta({
+    title: pageTilte,
+    description: $t('company-description'),
+  });
 </script>

app/pages/products/[...slug].vue

@@ -60,14 +60,9 @@
   });
 
   // SEO
-  useHead({
-    title: computed(() => product.value?.name || 'Product Detail'),
-    meta: [
-      {
-        name: 'description',
-        content: computed(() => product.value?.summary || ''),
-      },
-    ],
+  usePageSeo({
+    title: product.value.name || $t('page-title.products'),
+    description: product.value.summary || '',
   });
 </script>
 

app/pages/products/index.vue

@@ -102,6 +102,11 @@
       ];
     }
   });
+
+  const pageTitle = $t('page-title.products');
+  usePageSeo({
+    title: pageTitle,
+  });
 </script>
 
 <style scoped>

app/pages/solutions/[...slug].vue

@@ -49,6 +49,11 @@
       console.error('数据获取失败: ', value);
     }
   });
+
+  usePageSeo({
+    title: solution.value.title || $t('page-title.solutions'),
+    description: solution.value.summary || '',
+  });
 </script>
 
 <style scoped>

app/pages/solutions/index.vue

@@ -86,6 +86,11 @@
       console.error('数据获取失败: ', value);
     }
   });
+
+  const pageTitle = $t('page-title.solutions');
+  usePageSeo({
+    title: pageTitle,
+  });
 </script>
 
 <style scoped>

app/pages/support/contact-us.vue

@@ -31,6 +31,11 @@
       console.error('数据获取失败: ', value);
     }
   });
+
+  const pageTitle = $t('page-title.contact-us');
+  usePageSeo({
+    title: pageTitle,
+  });
 </script>
 
 <style scoped>

app/pages/support/documents.vue

@@ -111,6 +111,11 @@
       console.error('数据获取失败: ', value);
     }
   });
+
+  const pageTitle = $t('page-title.documents');
+  usePageSeo({
+    title: pageTitle,
+  });
 </script>
 
 <style scoped>

app/pages/support/faq.vue

@@ -112,6 +112,11 @@
       console.error('数据获取失败: ', value);
     }
   });
+
+  const pageTitle = $t('page-title.faq');
+  usePageSeo({
+    title: pageTitle,
+  });
 </script>
 
 <style scoped>

app/pages/support/index.vue

@@ -52,6 +52,11 @@
       iconComponent: ElIconService,
     },
   ];
+
+  const pageTitle = $t('page-title.support');
+  usePageSeo({
+    title: pageTitle,
+  });
 </script>
 
 <style scoped>