i18n

src/app/(main)/settings/qcItem/page.tsx

@@ -37,7 +37,9 @@ const qcItem: React.FC = async () => {
         </Button>
       </Stack>
       <Suspense fallback={<QcItemSearch.Loading />}>
-        <QcItemSearch />
+        <I18nProvider namespaces={["common", "qcItem"]}>
+          <QcItemSearch />
+        </I18nProvider>
       </Suspense>
     </>
   );

src/components/QcItemSearch/QcItemSearch.tsx

@@ -26,7 +26,7 @@ type SearchQuery = Partial<Omit<QcItemResult, "id">>;
 type SearchParamNames = keyof SearchQuery;
 
 const QcItemSearch: React.FC<Props> = ({ qcItems }) => {
-  const { t } = useTranslation("qcItems");
+  const { t } = useTranslation("qcItem");
   const router = useRouter();
   const pathname = usePathname();
 

src/i18n/zh/qcItem.json

@@ -0,0 +1,8 @@
+{
+    "Name": "名稱",
+    "Code": "代碼",
+    "Details": "詳細資料",
+    "Delete": "刪除",
+    "Qc Item": "QC 項目",
+    "Create Qc Item": "新增 QC 項目"
+}