🍒feat：添加翻译程序

src/i18n/package/en.ts

@@ -251,6 +251,7 @@ const en = {
   Selecting_a_Character: "Selecting a Character",
   Get_Success: "Get Success",
   error_occurs: "Error occurs",
+  router_translation_process: "Translation process",
 };
 
 export default en;

src/i18n/package/zh.ts

@@ -245,6 +245,7 @@ const zh = {
   Selecting_a_Character: "选择角色",
   Get_Success: "获取成功",
   error_occurs: "发生错误",
+  router_translation_process: "翻译程序",
 };
 
 export default zh;

src/router/modules/constantRoutes.ts

@@ -65,6 +65,15 @@ export const constant_Routes: RouteRecordRaw[] = [
           title: "router_Functions_and_Components",
         },
       },
+      {
+        path: "translation-process",
+        component: () =>
+          import("@/views/function-card/translation-process.vue"),
+        name: "translationProcess",
+        meta: {
+          title: "router_translation_process",
+        },
+      },
     ],
   },
   {

src/views/function-card/translation-process.vue

@@ -0,0 +1,30 @@
+<template>
+  111
+  <div class="iframe-container">
+    <iframe
+      :src="url"
+      frameborder="0"
+      class="iframe"
+      title="Embedded Page"
+    ></iframe>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+
+const url = ref("https://translation-tools.vercel.app/");
+</script>
+
+<style scoped>
+.iframe-container {
+  width: 100%;
+  height: 100vh;
+}
+
+.iframe {
+  width: 100%;
+  height: 100%;
+  min-height: 500px;
+}
+</style>