From df32b3b5dee83cd84d0806dd3d8904a452fb68d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <haozi@loli.email>
Date: Sun, 13 Apr 2025 01:14:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8F=90=E4=BA=A4=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E5=89=8D=E7=AB=AF=E7=BF=BB=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/package.json                              |    1 -
 web/pnpm-lock.yaml                            |   40 -
 web/src/components/page/CommonPage.vue        |    6 +-
 web/src/i18n/en.json                          |  218 ---
 web/src/i18n/i18n.ts                          |   25 -
 .../layout/sidebar/components/SideMenu.vue    |    6 +-
 .../layout/sidebar/components/SideSetting.vue |   29 +-
 web/src/layout/tab/IndexView.vue              |    2 +-
 web/src/locales/en.po                         | 1451 ++++++++++++++--
 web/src/locales/frontend.pot                  | 1457 +++++++++++++++--
 web/src/locales/zh_CN.po                      | 1431 ++++++++++++++--
 web/src/locales/zh_TW.po                      | 1431 ++++++++++++++--
 web/src/main.ts                               |    2 -
 web/src/router/routes/index.ts                |    3 +-
 web/src/views/container/ComposeView.vue       |   68 +-
 web/src/views/container/ContainerCreate.vue   |  105 +-
 web/src/views/container/ContainerView.vue     |  109 +-
 web/src/views/container/ImageView.vue         |   45 +-
 web/src/views/container/IndexView.vue         |   12 +-
 web/src/views/container/NetworkView.vue       |   75 +-
 web/src/views/container/VolumeView.vue        |   49 +-
 web/src/views/container/route.ts              |    3 +-
 web/src/views/dashboard/IndexView.vue         |  183 ++-
 web/src/views/dashboard/route.ts              |    5 +-
 web/src/views/website/IndexView.vue           |  127 +-
 25 files changed, 5589 insertions(+), 1294 deletions(-)
 delete mode 100644 web/src/i18n/en.json
 delete mode 100644 web/src/i18n/i18n.ts

diff --git a/web/package.json b/web/package.json
index fe9ed94e..0c9eee18 100644
--- a/web/package.json
+++ b/web/package.json
@@ -53,7 +53,6 @@
     "remove": "^0.1.5",
     "vue": "^3.5.13",
     "vue-echarts": "^7.0.3",
-    "vue-i18n": "^11.0.1",
     "vue-router": "^4.5.0",
     "vue3-gettext": "4.0.0-alpha.8"
   },
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 6e954a50..5a75dc3c 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -92,9 +92,6 @@ importers:
       vue-echarts:
         specifier: ^7.0.3
         version: 7.0.3(@vue/runtime-core@3.5.13)(echarts@5.6.0)(vue@3.5.13(typescript@5.8.3))
-      vue-i18n:
-        specifier: ^11.0.1
-        version: 11.1.3(vue@3.5.13(typescript@5.8.3))
       vue-router:
         specifier: ^4.5.0
         version: 4.5.0(vue@3.5.13(typescript@5.8.3))
@@ -709,18 +706,6 @@ packages:
     peerDependencies:
       vue: '>=3'
 
-  '@intlify/core-base@11.1.3':
-    resolution: {integrity: sha512-cMuHunYO7LE80azTitcvEbs1KJmtd6g7I5pxlApV3Jo547zdO3h31/0uXpqHc+Y3RKt1wo2y68RGSx77Z1klyA==}
-    engines: {node: '>= 16'}
-
-  '@intlify/message-compiler@11.1.3':
-    resolution: {integrity: sha512-7rbqqpo2f5+tIcwZTAG/Ooy9C8NDVwfDkvSeDPWUPQW+Dyzfw2o9H103N5lKBxO7wxX9dgCDjQ8Umz73uYw3hw==}
-    engines: {node: '>= 16'}
-
-  '@intlify/shared@11.1.3':
-    resolution: {integrity: sha512-pTFBgqa/99JRA2H1qfyqv97MKWJrYngXBA/I0elZcYxvJgcCw3mApAoPW3mJ7vx3j+Ti0FyKUFZ4hWxdjKaxvA==}
-    engines: {node: '>= 16'}
-
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -3450,12 +3435,6 @@ packages:
     peerDependencies:
       vue: ^3.4.37
 
-  vue-i18n@11.1.3:
-    resolution: {integrity: sha512-Pcylh9z9S5+CJAqgbRZ3EKxFIBIrtY5YUppU722GIT65+Nukm0TCqiQegZnNLCZkXGthxe0cpqj0AoM51H+6Gw==}
-    engines: {node: '>= 16'}
-    peerDependencies:
-      vue: ^3.0.0
-
   vue-router@4.5.0:
     resolution: {integrity: sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==}
     peerDependencies:
@@ -4185,18 +4164,6 @@ snapshots:
       '@iconify/types': 2.0.0
       vue: 3.5.13(typescript@5.8.3)
 
-  '@intlify/core-base@11.1.3':
-    dependencies:
-      '@intlify/message-compiler': 11.1.3
-      '@intlify/shared': 11.1.3
-
-  '@intlify/message-compiler@11.1.3':
-    dependencies:
-      '@intlify/shared': 11.1.3
-      source-map-js: 1.2.1
-
-  '@intlify/shared@11.1.3': {}
-
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
@@ -7255,13 +7222,6 @@ snapshots:
     dependencies:
       vue: 3.5.13(typescript@5.8.3)
 
-  vue-i18n@11.1.3(vue@3.5.13(typescript@5.8.3)):
-    dependencies:
-      '@intlify/core-base': 11.1.3
-      '@intlify/shared': 11.1.3
-      '@vue/devtools-api': 6.6.4
-      vue: 3.5.13(typescript@5.8.3)
-
   vue-router@4.5.0(vue@3.5.13(typescript@5.8.3)):
     dependencies:
       '@vue/devtools-api': 6.6.4
diff --git a/web/src/components/page/CommonPage.vue b/web/src/components/page/CommonPage.vue
index 48e87140..6fa74e26 100644
--- a/web/src/components/page/CommonPage.vue
+++ b/web/src/components/page/CommonPage.vue
@@ -1,8 +1,4 @@
 <script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
-
-const { t } = useI18n()
-
 interface Props {
   showFooter?: boolean
   showHeader?: boolean
@@ -26,7 +22,7 @@ const route = useRoute()
         <div flex items-center>
           <slot v-if="$slots['title-prefix']" name="title-prefix" />
           <div mr-12 h-16 w-4 rounded-l-2 bg-primary></div>
-          <h2 font-normal>{{ t(title || String(route.meta.title)) }}</h2>
+          <h2 font-normal>{{ title ? title : route.meta.title ? route.meta.title : '' }}</h2>
           <slot name="title-suffix" />
         </div>
         <slot name="action" />
diff --git a/web/src/i18n/en.json b/web/src/i18n/en.json
deleted file mode 100644
index e6c1143e..00000000
--- a/web/src/i18n/en.json
+++ /dev/null
@@ -1,218 +0,0 @@
-{
-  "name": "Rat Panel",
-  "certIndex": {
-    "title": "Certificates"
-  },
-  "containerIndex": {
-    "title": "Containers"
-  },
-  "cronIndex": {
-    "title": "Crond"
-  },
-  "fileIndex": {
-    "title": "Files"
-  },
-  "homeUpdate": {
-    "title": "Update panel",
-    "loading": "Loading update information, please wait a moment",
-    "alerts": {
-      "success": "Panel update successful",
-      "info": "The panel is already the latest version"
-    },
-    "button": {
-      "update": "Update"
-    },
-    "confirm": {
-      "update": {
-        "title": "Update panel",
-        "content": "Are you sure you want to update the panel?",
-        "positiveText": "Update",
-        "negativeText": "Cancel",
-        "loading": "Panel is being updated..."
-      }
-    }
-  },
-  "monitorIndex": {
-    "title": "Monitoring"
-  },
-  "appIndex": {
-    "title": "Apps",
-    "alerts": {
-      "cache": "Cache updated successfully",
-      "warning": "It is strongly recommended to take a backup/snapshot before upgrading the app to avoid being unable to roll back if problems arise!",
-      "setup": "Setup successful",
-      "install": "The task has been submitted, please check the task progress later",
-      "update": "The task has been submitted, please go to the task center to check the task progress",
-      "uninstall": "The task has been submitted, please go to the task center to check the task progress"
-    },
-    "buttons": {
-      "updateCache": "Update cache",
-      "install": "Install",
-      "manage": "Manage",
-      "update": "Upgrade",
-      "uninstall": "Uninstall"
-    },
-    "confirm": {
-      "update": "Upgrading the {app} app may reset related configurations to the default state. Are you sure you want to continue?",
-      "uninstall": "Are you sure you want to uninstall the app {app}?"
-    },
-    "columns": {
-      "name": "Name",
-      "description": "Description",
-      "installedVersion": "Installed Version",
-      "show": "Homepage Display",
-      "actions": "Actions"
-    }
-  },
-  "settingIndex": {
-    "title": "Settings",
-    "info": "Update panel settings / entry, adjust browser address accordingly to access panel!",
-    "edit": {
-      "toasts": {
-        "success": "saved successfully"
-      },
-      "fields": {
-        "name": {
-          "label": "Panel name",
-          "placeholder": "Rat Panel"
-        },
-        "locale": {
-          "label": "Language",
-          "placeholder": "Select language"
-        },
-        "username": {
-          "label": "Username",
-          "placeholder": "admin"
-        },
-        "password": {
-          "label": "Password",
-          "placeholder": "admin"
-        },
-        "email": {
-          "label": "Certificate default email",
-          "placeholder": "admin{'@'}example.com"
-        },
-        "port": {
-          "label": "Port",
-          "placeholder": "8888"
-        },
-        "entrance": {
-          "label": "Security entrance",
-          "placeholder": "admin"
-        },
-        "offline": {
-          "label": "Offline mode"
-        },
-        "https": {
-          "label": "Panel HTTPS"
-        },
-        "cert": {
-          "label": "Certificate"
-        },
-        "key": {
-          "label": "Key"
-        },
-        "path": {
-          "label": "Default website directory",
-          "placeholder": "/www/wwwroot"
-        },
-        "backup": {
-          "label": "Default backup directory",
-          "placeholder": "/www/backup"
-        }
-      },
-      "actions": {
-        "submit": "save"
-      }
-    }
-  },
-  "sshIndex": {
-    "title": "SSH",
-    "alerts": {
-      "save": "saved successfully"
-    },
-    "save": {
-      "fields": {
-        "host": {
-          "label": "Host",
-          "placeholder": "Host"
-        },
-        "port": {
-          "label": "Port",
-          "placeholder": "Port"
-        },
-        "username": {
-          "label": "User name",
-          "placeholder": "User name"
-        },
-        "password": {
-          "label": "Password",
-          "placeholder": "Password"
-        }
-      },
-      "actions": {
-        "submit": "save"
-      }
-    }
-  },
-  "websiteIndex": {
-    "title": "Websites",
-    "columns": {
-      "name": "Website Name",
-      "status": "Status",
-      "path": "Path",
-      "remark": "Remark",
-      "actions": "Actions"
-    },
-    "create": {
-      "trigger": "Create website",
-      "title": "Create a new website",
-      "fields": {
-        "name": {
-          "label": "Website Name",
-          "placeholder": "Please use English for the website name. Once set, it cannot be changed."
-        },
-        "domains": {
-          "label": "Domains"
-        },
-        "port": {
-          "label": "Port"
-        },
-        "phpVersion": {
-          "label": "PHP Version",
-          "placeholder": "Select PHP version"
-        },
-        "db": {
-          "label": "Database",
-          "placeholder": "Select database"
-        },
-        "dbName": {
-          "label": "Database Name",
-          "placeholder": "Please enter the database name"
-        },
-        "dbUser": {
-          "label": "Database User",
-          "placeholder": "Please enter the database user"
-        },
-        "dbPassword": {
-          "label": "Database Password",
-          "placeholder": "Please enter the database password"
-        },
-        "path": {
-          "label": "Directory",
-          "placeholder": "Website root directory (leave blank for default site directory/site name)"
-        },
-        "remark": {
-          "label": "Remark",
-          "placeholder": "Please enter a remark"
-        }
-      },
-      "actions": {
-        "submit": "Submit"
-      }
-    },
-    "edit": {
-      "trigger": "edit default page"
-    }
-  }
-}
diff --git a/web/src/i18n/i18n.ts b/web/src/i18n/i18n.ts
deleted file mode 100644
index 5d0d9cb1..00000000
--- a/web/src/i18n/i18n.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import type { App } from 'vue'
-import { createI18n } from 'vue-i18n'
-
-import { useThemeStore } from '@/store'
-import en from './en.json'
-import zh_CN from './zh_CN.json'
-
-let i18n: ReturnType<typeof createI18n>
-
-export function setupI18n(app: App) {
-  const themeStore = useThemeStore()
-  i18n = createI18n({
-    legacy: false,
-    globalInjection: true,
-    locale: themeStore.locale,
-    missingWarn: false, // TODO 完成 i18n 之后需要去除
-    fallbackWarn: false, // TODO 完成 i18n 之后需要去除
-    fallbackLocale: 'zh_CN',
-    messages: {
-      en: en,
-      zh_CN: zh_CN
-    }
-  })
-  app.use(i18n)
-}
diff --git a/web/src/layout/sidebar/components/SideMenu.vue b/web/src/layout/sidebar/components/SideMenu.vue
index 8d2a7f37..a1ddfce7 100644
--- a/web/src/layout/sidebar/components/SideMenu.vue
+++ b/web/src/layout/sidebar/components/SideMenu.vue
@@ -3,10 +3,8 @@ import { usePermissionStore, useTabStore, useThemeStore } from '@/store'
 import { isUrl, renderIcon } from '@/utils'
 import type { MenuInst, MenuOption } from 'naive-ui'
 import type { VNodeChild } from 'vue'
-import { useI18n } from 'vue-i18n'
 import type { Meta, RouteType } from '~/types/router'
 
-const { t } = useI18n()
 const router = useRouter()
 const currentRoute = useRoute()
 const permissionStore = usePermissionStore()
@@ -40,7 +38,7 @@ type MenuItem = MenuOption & {
 
 function getMenuItem(route: RouteType, basePath = ''): MenuItem {
   let menuItem: MenuItem = {
-    label: t(route.meta?.title || route.name),
+    label: route.meta?.title ? route.meta.title : route.name,
     key: route.name,
     path: resolvePath(basePath, route.path),
     icon: getIcon(route.meta)
@@ -56,7 +54,7 @@ function getMenuItem(route: RouteType, basePath = ''): MenuItem {
     // 单个子路由处理
     const singleRoute = visibleChildren[0]
     menuItem = {
-      label: t(singleRoute.meta?.title || singleRoute.name),
+      label: singleRoute.meta?.title ? singleRoute.meta.title : singleRoute.name,
       key: singleRoute.name,
       path: resolvePath(menuItem.path, singleRoute.path),
       icon: getIcon(singleRoute.meta)
diff --git a/web/src/layout/sidebar/components/SideSetting.vue b/web/src/layout/sidebar/components/SideSetting.vue
index 6521a956..7a80d5ad 100644
--- a/web/src/layout/sidebar/components/SideSetting.vue
+++ b/web/src/layout/sidebar/components/SideSetting.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
 import type { TreeSelectOption } from 'naive-ui'
-import { useI18n } from 'vue-i18n'
+import { useGettext } from 'vue3-gettext'
 
 import TheIcon from '@/components/custom/TheIcon.vue'
 import MenuCollapse from '@/layout/header/components/MenuCollapse.vue'
 import { usePermissionStore, useThemeStore } from '@/store'
 import type { RouteType } from '~/types/router'
 
-const { t } = useI18n()
+const { $gettext } = useGettext()
 const themeStore = useThemeStore()
 const permissionStore = usePermissionStore()
 
@@ -15,7 +15,7 @@ const settingModal = ref(false)
 
 const getOption = (route: RouteType): TreeSelectOption => {
   let menuItem: TreeSelectOption = {
-    label: t(route.meta?.title || route.name),
+    label: route.meta?.title ? route.meta.title : route.name,
     key: route.name
   }
 
@@ -28,7 +28,7 @@ const getOption = (route: RouteType): TreeSelectOption => {
   if (visibleChildren.length === 1) {
     // 单个子路由处理
     const singleRoute = visibleChildren[0]
-    menuItem.label = t(singleRoute.meta?.title || singleRoute.name)
+    menuItem.label = singleRoute.meta?.title ? singleRoute.meta.title : singleRoute.name
     const visibleItems = singleRoute.children
       ? singleRoute.children.filter((item: RouteType) => item.name && !item.isHidden)
       : []
@@ -60,12 +60,12 @@ const menus = computed<TreeSelectOption[]>(() => {
           @click="settingModal = true"
         />
       </template>
-      菜单设置
+      {{ $gettext('Menu Settings') }}
     </n-tooltip>
     <n-modal
       v-model:show="settingModal"
       preset="card"
-      title="菜单设置"
+      :title="$gettext('Menu Settings')"
       style="width: 60vw"
       size="huge"
       :bordered="false"
@@ -75,11 +75,20 @@ const menus = computed<TreeSelectOption[]>(() => {
     >
       <n-form>
         <n-flex vertical>
-          <n-alert type="info"> 设置保存在浏览器，清空浏览器缓存后将会重置 </n-alert>
-          <n-form-item label="自定义 Logo">
-            <n-input v-model:value="themeStore.logo" placeholder="请输入完整 URL" />
+          <n-alert type="info">
+            {{
+              $gettext(
+                'Settings are saved in the browser and will be reset after clearing the browser cache'
+              )
+            }}
+          </n-alert>
+          <n-form-item :label="$gettext('Custom Logo')">
+            <n-input
+              v-model:value="themeStore.logo"
+              :placeholder="$gettext('Please enter the complete URL')"
+            />
           </n-form-item>
-          <n-form-item label="隐藏菜单">
+          <n-form-item :label="$gettext('Hide Menu')">
             <n-tree-select
               cascade
               checkable
diff --git a/web/src/layout/tab/IndexView.vue b/web/src/layout/tab/IndexView.vue
index f75befd2..13167b08 100644
--- a/web/src/layout/tab/IndexView.vue
+++ b/web/src/layout/tab/IndexView.vue
@@ -64,7 +64,7 @@ async function handleContextMenu(e: MouseEvent, tabItem: TabItem) {
         @click="handleTagClick(item.path)"
         @contextmenu.prevent="handleContextMenu($event, item)"
       >
-        {{ $t(item.title!) }}
+        {{ item.title! }}
       </n-tab>
     </n-tabs>
     <ContextMenu
diff --git a/web/src/locales/en.po b/web/src/locales/en.po
index 08bc343f..34c7c333 100644
--- a/web/src/locales/en.po
+++ b/web/src/locales/en.po
@@ -9,6 +9,33 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
+#: src/layout/sidebar/components/SideSetting.vue:63
+#: src/layout/sidebar/components/SideSetting.vue:68
+msgid "Menu Settings"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:80
+msgid ""
+"Settings are saved in the browser and will be reset after clearing the "
+"browser cache"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:85
+msgid "Custom Logo"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:88
+msgid "Please enter the complete URL"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:91
+msgid "Hide Menu"
+msgstr ""
+
+#: src/router/routes/index.ts:18
+msgid "Login Page"
+msgstr ""
+
 #: src/views/app/IndexView.vue:19 src/views/app/IndexView.vue:159
 #: src/views/app/IndexView.vue:164
 msgid "Install"
@@ -31,7 +58,14 @@ msgid "Show in Home"
 msgstr ""
 
 #: src/views/app/IndexView.vue:71 src/views/backup/ListView.vue:58
-#: src/views/database/DatabaseList.vue:74 src/views/database/ServerList.vue:135
+#: src/views/cert/AccountView.vue:79 src/views/cert/CertView.vue:182
+#: src/views/cert/DnsView.vue:64 src/views/container/ComposeView.vue:74
+#: src/views/container/ContainerCreate.vue:170
+#: src/views/container/ContainerCreate.vue:247
+#: src/views/container/ContainerView.vue:87
+#: src/views/container/ImageView.vue:69 src/views/container/NetworkView.vue:109
+#: src/views/container/VolumeView.vue:63 src/views/database/DatabaseList.vue:74
+#: src/views/database/ServerList.vue:135 src/views/website/IndexView.vue:95
 msgid "Actions"
 msgstr ""
 
@@ -41,7 +75,8 @@ msgid ""
 "you sure to continue?"
 msgstr ""
 
-#: src/views/app/IndexView.vue:101
+#: src/views/app/IndexView.vue:101 src/views/dashboard/IndexView.vue:448
+#: src/views/dashboard/route.ts:32
 msgid "Update"
 msgstr ""
 
@@ -82,6 +117,10 @@ msgid ""
 "so you can roll back immediately if there are any issues!"
 msgstr ""
 
+#: src/views/app/route.ts:19
+msgid "Apps"
+msgstr ""
+
 #: src/views/app/VersionModal.vue:71
 msgid "Channel"
 msgstr ""
@@ -95,16 +134,28 @@ msgid "Please select a channel"
 msgstr ""
 
 #: src/views/app/VersionModal.vue:89 src/views/backup/ListView.vue:237
-#: src/views/backup/ListView.vue:257 src/views/cert/CreateAccountModal.vue:114
+#: src/views/backup/ListView.vue:257 src/views/cert/AccountView.vue:258
+#: src/views/cert/CertView.vue:513 src/views/cert/CertView.vue:537
+#: src/views/cert/CreateAccountModal.vue:114
 #: src/views/cert/CreateCertModal.vue:111 src/views/cert/CreateDnsModal.vue:173
-#: src/views/cert/ObtainModal.vue:126 src/views/cert/UploadCertModal.vue:55
+#: src/views/cert/DnsView.vue:370 src/views/cert/ObtainModal.vue:126
+#: src/views/cert/UploadCertModal.vue:55
+#: src/views/container/ComposeView.vue:326
+#: src/views/container/ComposeView.vue:356
+#: src/views/container/ContainerCreate.vue:355
+#: src/views/container/ContainerView.vue:478
+#: src/views/container/ImageView.vue:216
+#: src/views/container/NetworkView.vue:310
+#: src/views/container/VolumeView.vue:210
 #: src/views/database/CreateDatabaseModal.vue:127
 #: src/views/file/ToolBar.vue:261 src/views/file/ToolBar.vue:282
 msgid "Submit"
 msgstr ""
 
 #: src/views/backup/IndexView.vue:37 src/views/backup/ListView.vue:217
-#: src/views/backup/ListView.vue:250 src/views/cert/CreateCertModal.vue:86
+#: src/views/backup/ListView.vue:250 src/views/cert/CertView.vue:464
+#: src/views/cert/CertView.vue:527 src/views/cert/CreateCertModal.vue:86
+#: src/views/dashboard/IndexView.vue:418
 msgid "Website"
 msgstr ""
 
@@ -112,7 +163,7 @@ msgstr ""
 msgid "Filename"
 msgstr ""
 
-#: src/views/backup/ListView.vue:43
+#: src/views/backup/ListView.vue:43 src/views/container/ImageView.vue:53
 msgid "Size"
 msgstr ""
 
@@ -128,15 +179,29 @@ msgstr ""
 msgid "Are you sure you want to delete this backup?"
 msgstr ""
 
-#: src/views/backup/ListView.vue:99 src/views/database/DatabaseList.vue:99
+#: src/views/backup/ListView.vue:99 src/views/cert/AccountView.vue:128
+#: src/views/cert/CertView.vue:316 src/views/cert/DnsView.vue:112
+#: src/views/container/ComposeView.vue:208
+#: src/views/container/ContainerCreate.vue:229
+#: src/views/container/ContainerCreate.vue:276
+#: src/views/container/ContainerView.vue:157
+#: src/views/container/ContainerView.vue:411
+#: src/views/container/ImageView.vue:95 src/views/container/NetworkView.vue:135
+#: src/views/container/VolumeView.vue:89 src/views/database/DatabaseList.vue:99
 #: src/views/database/ServerList.vue:212 src/views/file/ToolBar.vue:238
+#: src/views/website/IndexView.vue:169
 msgid "Delete"
 msgstr ""
 
 #: src/views/backup/ListView.vue:126 src/views/cert/CreateAccountModal.vue:49
 #: src/views/cert/CreateCertModal.vue:50 src/views/cert/CreateDnsModal.vue:35
 #: src/views/cert/UploadCertModal.vue:21
+#: src/views/container/ComposeView.vue:234
+#: src/views/container/ContainerCreate.vue:106
+#: src/views/container/NetworkView.vue:175
+#: src/views/container/VolumeView.vue:129
 #: src/views/database/CreateDatabaseModal.vue:28 src/views/file/ToolBar.vue:45
+#: src/views/website/IndexView.vue:309
 #, fuzzy
 msgid "Created successfully"
 msgstr "Saved successfully"
@@ -152,6 +217,7 @@ msgstr "Saved successfully"
 
 #: src/views/backup/ListView.vue:149 src/views/database/DatabaseList.vue:124
 #: src/views/database/ServerList.vue:237 src/views/file/ToolBar.vue:189
+#: src/views/website/IndexView.vue:270 src/views/website/IndexView.vue:324
 #, fuzzy
 msgid "Deleted successfully"
 msgstr "Saved successfully"
@@ -170,7 +236,8 @@ msgstr ""
 
 #: src/views/backup/ListView.vue:220
 #: src/views/database/CreateDatabaseModal.vue:70
-#: src/views/database/DatabaseList.vue:35
+#: src/views/database/DatabaseList.vue:35 src/views/website/IndexView.vue:468
+#: src/views/website/IndexView.vue:473
 msgid "Database Name"
 msgstr ""
 
@@ -191,7 +258,8 @@ msgstr ""
 msgid "Restore Backup"
 msgstr ""
 
-#: src/views/backup/ListView.vue:253 src/views/database/IndexView.vue:45
+#: src/views/backup/ListView.vue:253 src/views/dashboard/IndexView.vue:422
+#: src/views/database/IndexView.vue:45 src/views/website/IndexView.vue:447
 msgid "Database"
 msgstr ""
 
@@ -212,60 +280,246 @@ msgid ""
 "For large files, it is recommended to use SFTP or other methods to upload"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:38
+#: src/views/cert/AccountView.vue:44 src/views/cert/AccountView.vue:233
+#: src/views/cert/CreateAccountModal.vue:89
+msgid "Email"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:72 src/views/cert/AccountView.vue:225
+#: src/views/cert/CertView.vue:456 src/views/cert/CreateAccountModal.vue:81
+#: src/views/cert/CreateCertModal.vue:78
+msgid "Key Type"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:102 src/views/cert/CertView.vue:290
+#: src/views/cert/DnsView.vue:86 src/views/database/ServerList.vue:183
+msgid "Modify"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:110 src/views/cert/CertView.vue:299
+#: src/views/cert/DnsView.vue:95
+#, fuzzy
+msgid "Deletion successful"
+msgstr "Saved successfully"
+
+#: src/views/cert/AccountView.vue:117
+msgid "Are you sure you want to delete the account?"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:150 src/views/cert/CreateAccountModal.vue:38
 msgid "Registering account with CA, please wait patiently"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:61 src/views/cert/IndexView.vue:106
-msgid "Create Account"
+#: src/views/cert/AccountView.vue:160 src/views/cert/CertView.vue:350
+#: src/views/cert/CertView.vue:367 src/views/cert/DnsView.vue:140
+#: src/views/container/ComposeView.vue:252
+#, fuzzy
+msgid "Update successful"
+msgstr "Saved successfully"
+
+#: src/views/cert/AccountView.vue:205
+msgid "Modify Account"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:68
+#: src/views/cert/AccountView.vue:212 src/views/cert/CreateAccountModal.vue:68
 msgid ""
 "Google and SSL.com require obtaining KID and HMAC from their official "
 "websites first"
 msgstr ""
 
+#: src/views/cert/AccountView.vue:214
+msgid ""
+"Google is not accessible in mainland China, other CAs depend on network "
+"conditions, recommend using GoogleCN or Let's Encrypt"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:217 src/views/cert/CreateAccountModal.vue:73
+msgid "CA"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:220 src/views/cert/CreateAccountModal.vue:76
+msgid "Select CA"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:228 src/views/cert/CertView.vue:459
+#: src/views/cert/CreateAccountModal.vue:84
+#: src/views/cert/CreateCertModal.vue:81
+msgid "Select key type"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:238 src/views/cert/CreateAccountModal.vue:94
+msgid "Enter email address"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:246 src/views/cert/CreateAccountModal.vue:102
+msgid "Enter KID"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:254 src/views/cert/CreateAccountModal.vue:110
+msgid "Enter HMAC"
+msgstr ""
+
+#: src/views/cert/CertView.vue:64 src/views/cert/CertView.vue:448
+#: src/views/cert/CreateCertModal.vue:70 src/views/cert/ObtainModal.vue:53
+#: src/views/website/IndexView.vue:412
+msgid "Domain"
+msgstr ""
+
+#: src/views/cert/CertView.vue:70 src/views/cert/CertView.vue:124
+#: src/views/cert/CertView.vue:135 src/views/cert/CertView.vue:154
+#: src/views/container/ContainerCreate.vue:55
+#: src/views/database/ServerList.vue:52 src/views/database/ServerList.vue:67
+msgid "None"
+msgstr ""
+
+#: src/views/cert/CertView.vue:87 src/views/cert/DnsView.vue:38
+#: src/views/cert/ObtainModal.vue:54 src/views/database/DatabaseList.vue:12
+#: src/views/database/ServerList.vue:17
+msgid "Type"
+msgstr ""
+
+#: src/views/cert/CertView.vue:109 src/views/file/ToolBar.vue:221
+msgid "Upload"
+msgstr ""
+
+#: src/views/cert/CertView.vue:117
+msgid "Associated Account"
+msgstr ""
+
+#: src/views/cert/CertView.vue:130
+msgid "Issuer"
+msgstr ""
+
+#: src/views/cert/CertView.vue:139
+msgid "Expiration Time"
+msgstr ""
+
+#: src/views/cert/CertView.vue:167
+msgid "Auto Renew"
+msgstr ""
+
+#: src/views/cert/CertView.vue:202 src/views/cert/ObtainModal.vue:74
+msgid "Issue"
+msgstr ""
+
+#: src/views/cert/CertView.vue:221
+msgid "Deploy"
+msgstr ""
+
+#: src/views/cert/CertView.vue:233 src/views/cert/ObtainModal.vue:24
+#: src/views/cert/ObtainModal.vue:77
+msgid "Please wait..."
+msgstr ""
+
+#: src/views/cert/CertView.vue:239
+#, fuzzy
+msgid "Renewal successful"
+msgstr "Saved successfully"
+
+#: src/views/cert/CertView.vue:247
+msgid "Renew"
+msgstr ""
+
+#: src/views/cert/CertView.vue:265
+msgid "View"
+msgstr ""
+
+#: src/views/cert/CertView.vue:305
+msgid "Are you sure you want to delete the certificate?"
+msgstr ""
+
+#: src/views/cert/CertView.vue:391
+#, fuzzy
+msgid "Deployment successful"
+msgstr "Saved successfully"
+
+#: src/views/cert/CertView.vue:437
+#, fuzzy
+msgid "Modify Certificate"
+msgstr "Certificate"
+
+#: src/views/cert/CertView.vue:445
+msgid ""
+"You can automatically issue and deploy certificates by selecting any website/"
+"DNS, or manually enter domain names and set DNS resolution to issue "
+"certificates, or fill in deployment scripts to automatically deploy "
+"certificates."
+msgstr ""
+
+#: src/views/cert/CertView.vue:467 src/views/cert/CreateCertModal.vue:89
+msgid "Select website for certificate deployment"
+msgstr ""
+
+#: src/views/cert/CertView.vue:472 src/views/cert/CreateCertModal.vue:94
+msgid "Account"
+msgstr ""
+
+#: src/views/cert/CertView.vue:475 src/views/cert/CreateCertModal.vue:97
+msgid "Select account for certificate issuance"
+msgstr ""
+
+#: src/views/cert/CertView.vue:480 src/views/cert/CreateCertModal.vue:102
+#: src/views/cert/CreateDnsModal.vue:55 src/views/cert/DnsView.vue:193
+msgid "DNS"
+msgstr ""
+
+#: src/views/cert/CertView.vue:483 src/views/cert/CreateCertModal.vue:105
+msgid "Select DNS for certificate issuance"
+msgstr ""
+
+#: src/views/cert/CertView.vue:488 src/views/cert/CertView.vue:551
+#: src/views/cert/route.ts:19 src/views/cert/UploadCertModal.vue:38
+#: src/views/setting/SettingHttps.vue:39
+msgid "Certificate"
+msgstr "Certificate"
+
+#: src/views/cert/CertView.vue:492 src/views/cert/UploadCertModal.vue:42
+msgid "Enter the content of the PEM certificate file"
+msgstr ""
+
+#: src/views/cert/CertView.vue:496 src/views/cert/CertView.vue:563
+#: src/views/cert/UploadCertModal.vue:46 src/views/setting/SettingHttps.vue:46
+msgid "Private Key"
+msgstr "Private Key"
+
+#: src/views/cert/CertView.vue:500 src/views/cert/UploadCertModal.vue:50
+msgid "Enter the content of the KEY private key file"
+msgstr ""
+
+#: src/views/cert/CertView.vue:504
+msgid "Deployment Script"
+msgstr ""
+
+#: src/views/cert/CertView.vue:508
+msgid ""
+"The {cert} and {key} in the script will be replaced with the certificate and "
+"private key content"
+msgstr ""
+
+#: src/views/cert/CertView.vue:519
+#, fuzzy
+msgid "Deploy Certificate"
+msgstr "Certificate"
+
+#: src/views/cert/CertView.vue:530
+msgid "Select websites to deploy the certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:543
+#, fuzzy
+msgid "View Certificate"
+msgstr "Certificate"
+
+#: src/views/cert/CreateAccountModal.vue:61 src/views/cert/IndexView.vue:106
+msgid "Create Account"
+msgstr ""
+
 #: src/views/cert/CreateAccountModal.vue:70
 msgid ""
 "Google is not accessible in mainland China, and other CAs depend on network "
 "conditions. GoogleCN or Let's Encrypt are recommended"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:73
-msgid "CA"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:76
-msgid "Select CA"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:81
-#: src/views/cert/CreateCertModal.vue:78
-msgid "Key Type"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:84
-#: src/views/cert/CreateCertModal.vue:81
-msgid "Select key type"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:89
-msgid "Email"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:94
-msgid "Enter email address"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:102
-msgid "Enter KID"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:110
-msgid "Enter HMAC"
-msgstr ""
-
 #: src/views/cert/CreateCertModal.vue:59 src/views/cert/IndexView.vue:102
 #, fuzzy
 msgid "Create Certificate"
@@ -278,30 +532,6 @@ msgid ""
 "resolution to issue certificates"
 msgstr ""
 
-#: src/views/cert/CreateCertModal.vue:70 src/views/cert/ObtainModal.vue:53
-msgid "Domain"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:89
-msgid "Select website for certificate deployment"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:94
-msgid "Account"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:97
-msgid "Select account for certificate issuance"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:102 src/views/cert/CreateDnsModal.vue:55
-msgid "DNS"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:105
-msgid "Select DNS for certificate issuance"
-msgstr ""
-
 #: src/views/cert/CreateDnsModal.vue:44 src/views/cert/IndexView.vue:110
 msgid "Create DNS"
 msgstr ""
@@ -314,31 +544,31 @@ msgstr ""
 msgid "Enter comment name"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:58
+#: src/views/cert/CreateDnsModal.vue:58 src/views/cert/DnsView.vue:196
 msgid "Select DNS"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:64
+#: src/views/cert/CreateDnsModal.vue:64 src/views/cert/DnsView.vue:205
 msgid "Enter Aliyun Access Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:67
+#: src/views/cert/CreateDnsModal.vue:67 src/views/cert/DnsView.vue:212
 msgid "Enter Aliyun Secret Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:70
+#: src/views/cert/CreateDnsModal.vue:70 src/views/cert/DnsView.vue:219
 msgid "Enter Tencent Cloud SecretId"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:73
+#: src/views/cert/CreateDnsModal.vue:73 src/views/cert/DnsView.vue:226
 msgid "Enter Tencent Cloud SecretKey"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:76
+#: src/views/cert/CreateDnsModal.vue:76 src/views/cert/DnsView.vue:233
 msgid "Enter Huawei Cloud AccessKeyId"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:82
+#: src/views/cert/CreateDnsModal.vue:82 src/views/cert/DnsView.vue:240
 msgid "Enter Huawei Cloud SecretAccessKey"
 msgstr ""
 
@@ -350,43 +580,43 @@ msgstr ""
 msgid "Enter Western Digital API Password"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:99
+#: src/views/cert/CreateDnsModal.vue:99 src/views/cert/DnsView.vue:261
 msgid "Enter Cloudflare API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:103
+#: src/views/cert/CreateDnsModal.vue:103 src/views/cert/DnsView.vue:268
 msgid "Enter GoDaddy Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:106
+#: src/views/cert/CreateDnsModal.vue:106 src/views/cert/DnsView.vue:275
 msgid "Enter G-Core API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:109
+#: src/views/cert/CreateDnsModal.vue:109 src/views/cert/DnsView.vue:282
 msgid "Enter Porkbun API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:115
+#: src/views/cert/CreateDnsModal.vue:115 src/views/cert/DnsView.vue:289
 msgid "Enter Porkbun Secret Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:122
+#: src/views/cert/CreateDnsModal.vue:122 src/views/cert/DnsView.vue:296
 msgid "Enter Namecheap API Username"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:126
+#: src/views/cert/CreateDnsModal.vue:126 src/views/cert/DnsView.vue:303
 msgid "Enter Namecheap API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:132
+#: src/views/cert/CreateDnsModal.vue:132 src/views/cert/DnsView.vue:310
 msgid "Enter NameSilo API Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:136
+#: src/views/cert/CreateDnsModal.vue:136 src/views/cert/DnsView.vue:317
 msgid "Enter Name.com Username"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:139
+#: src/views/cert/CreateDnsModal.vue:139 src/views/cert/DnsView.vue:324
 msgid "Enter Name.com Token"
 msgstr ""
 
@@ -394,26 +624,58 @@ msgstr ""
 msgid "Enter ClouDNS Auth ID (use Sub Auth ID by adding sub-prefix)"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:153
+#: src/views/cert/CreateDnsModal.vue:153 src/views/cert/DnsView.vue:338
 msgid "Enter ClouDNS Auth Password"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:157
+#: src/views/cert/CreateDnsModal.vue:157 src/views/cert/DnsView.vue:345
 msgid "Enter Duck DNS Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:163
+#: src/views/cert/CreateDnsModal.vue:163 src/views/cert/DnsView.vue:352
 msgid "Enter Hetzner Auth API Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:167
+#: src/views/cert/CreateDnsModal.vue:167 src/views/cert/DnsView.vue:359
 msgid "Enter Linode Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:170
+#: src/views/cert/CreateDnsModal.vue:170 src/views/cert/DnsView.vue:366
 msgid "Enter Vercel Token"
 msgstr ""
 
+#: src/views/cert/DnsView.vue:31 src/views/cert/DnsView.vue:190
+msgid "Note Name"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:56
+msgid "Unknown"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:101
+msgid "Are you sure you want to delete the DNS?"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:182
+msgid "Modify DNS"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:191
+msgid "Enter note name"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:247
+msgid "Enter West.cn Username"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:254
+msgid "Enter West.cn API Password"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:331
+msgid "Enter ClouDNS Auth ID (Add sub- prefix for Sub Auth ID)"
+msgstr ""
+
 #: src/views/cert/IndexView.vue:98 src/views/cert/UploadCertModal.vue:30
 #, fuzzy
 msgid "Upload Certificate"
@@ -444,10 +706,6 @@ msgstr ""
 msgid "Self-signed"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:24 src/views/cert/ObtainModal.vue:77
-msgid "Please wait..."
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:33 src/views/cert/ObtainModal.vue:85
 #: src/views/cert/ObtainModal.vue:103
 #, fuzzy
@@ -464,11 +722,6 @@ msgstr ""
 msgid "DNS Records to Set"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:54 src/views/database/DatabaseList.vue:12
-#: src/views/database/ServerList.vue:17
-msgid "Type"
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:55
 msgid "Host Record"
 msgstr ""
@@ -477,10 +730,6 @@ msgstr ""
 msgid "Record Value"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:74
-msgid "Issue"
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:116
 #, fuzzy
 msgid "Issue Certificate"
@@ -490,21 +739,830 @@ msgstr "Certificate"
 msgid "Issuance Mode"
 msgstr ""
 
-#: src/views/cert/route.ts:19 src/views/cert/UploadCertModal.vue:38
-#: src/views/setting/SettingHttps.vue:39
-msgid "Certificate"
-msgstr "Certificate"
-
-#: src/views/cert/UploadCertModal.vue:42
-msgid "Enter the content of the PEM certificate file"
+#: src/views/container/ComposeView.vue:31
+#: src/views/container/NetworkView.vue:45 src/views/container/VolumeView.vue:26
+#: src/views/database/ServerList.vue:40 src/views/file/ToolBar.vue:257
+msgid "Name"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:46 src/views/setting/SettingHttps.vue:46
-msgid "Private Key"
-msgstr "Private Key"
+#: src/views/container/ComposeView.vue:38 src/views/website/IndexView.vue:44
+#: src/views/website/IndexView.vue:504
+msgid "Directory"
+msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:50
-msgid "Enter the content of the KEY private key file"
+#: src/views/container/ComposeView.vue:58
+#: src/views/container/ContainerView.vue:32
+#: src/views/database/ServerList.vue:114
+msgid "Status"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:65 src/views/container/ImageView.vue:60
+#: src/views/container/NetworkView.vue:100
+#: src/views/container/VolumeView.vue:54
+msgid "Creation Time"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:97 src/views/website/IndexView.vue:111
+msgid "Edit"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:105
+msgid "Starting..."
+msgstr ""
+
+#: src/views/container/ComposeView.vue:112
+#: src/views/container/ContainerView.vue:238
+#: src/views/container/ContainerView.vue:302
+#, fuzzy
+msgid "Start successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ComposeView.vue:128
+msgid "Are you sure you want to start compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:135
+msgid "Force pull images"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:150
+#: src/views/container/ContainerView.vue:127
+#: src/views/container/ContainerView.vue:405
+msgid "Start"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:162
+#: src/views/container/ContainerView.vue:245
+#: src/views/container/ContainerView.vue:316
+#, fuzzy
+msgid "Stop successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ComposeView.vue:168
+msgid "Are you sure you want to stop compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:179
+#: src/views/container/ContainerView.vue:132
+#: src/views/container/ContainerView.vue:406
+msgid "Stop"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:191
+#: src/views/container/ContainerView.vue:280
+#: src/views/container/ContainerView.vue:358
+#: src/views/container/ImageView.vue:119
+#: src/views/container/NetworkView.vue:159
+#: src/views/container/VolumeView.vue:113
+#, fuzzy
+msgid "Delete successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ComposeView.vue:197
+msgid "Are you sure you want to delete compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:273
+#: src/views/container/ComposeView.vue:299
+msgid "Create Compose"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:306
+msgid "Compose Name"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:309
+#: src/views/container/ComposeView.vue:339 src/views/container/IndexView.vue:24
+msgid "Compose"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:316
+#: src/views/container/ComposeView.vue:346
+#: src/views/container/ContainerCreate.vue:337
+msgid "Environment Variables"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:320
+#: src/views/container/ComposeView.vue:350
+#: src/views/container/ContainerCreate.vue:341
+msgid "Variable Name"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:321
+#: src/views/container/ComposeView.vue:351
+#: src/views/container/ContainerCreate.vue:342
+msgid "Variable Value"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:332
+msgid "Edit Compose"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:56
+msgid "Always"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:57
+msgid "On failure (default 5 retries)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:58
+msgid "Unless stopped"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:127
+#: src/views/container/ContainerView.vue:402
+#, fuzzy
+msgid "Create Container"
+msgstr "Certificate"
+
+#: src/views/container/ContainerCreate.vue:137
+#: src/views/container/ContainerView.vue:25
+msgid "Container Name"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:140
+#: src/views/container/ContainerView.vue:52
+#: src/views/container/ImageView.vue:36
+msgid "Image"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:143
+msgid "Ports"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:149
+msgid "Map Ports"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:156
+msgid "Expose All"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:159
+msgid "Port Mapping"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:165
+msgid "Host (Start)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:166
+msgid "Host (End)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:167
+msgid "Container (Start)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:168
+msgid "Container (End)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:169
+msgid "Protocol"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:180
+msgid "Optional"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:233
+#: src/views/container/ContainerCreate.vue:280
+msgid "Add"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:236
+#: src/views/dashboard/IndexView.vue:794
+msgid "Network"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:239
+msgid "Mount"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:244
+msgid "Host Directory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:245
+msgid "Container Directory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:246 src/views/file/ToolBar.vue:235
+msgid "Permission"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:265
+msgid "Read-Write"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:273
+msgid "Read-Only"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:283
+#: src/views/container/ContainerCreate.vue:284
+msgid "Command"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:286
+#: src/views/container/ContainerCreate.vue:287
+msgid "Entrypoint"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:291
+#: src/views/dashboard/IndexView.vue:530
+msgid "Memory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:301
+msgid "CPU Shares"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:308
+msgid "TTY (-t)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:313
+msgid "STDIN (-i)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:318
+msgid "Auto Remove"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:323
+msgid "Privileged Mode"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:328
+msgid "Restart Policy"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:331
+#: src/views/container/ContainerCreate.vue:334
+msgid "Select restart policy"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:345
+#: src/views/container/NetworkView.vue:292
+#: src/views/container/VolumeView.vue:192
+msgid "Labels"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:349
+#: src/views/container/NetworkView.vue:296
+#: src/views/container/VolumeView.vue:196
+msgid "Label Name"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:350
+#: src/views/container/NetworkView.vue:297
+#: src/views/container/VolumeView.vue:197
+msgid "Label Value"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:63
+msgid "Ports (Host->Container)"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:80
+msgid "Running Status"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:103
+#: src/views/container/ContainerView.vue:439
+msgid "Logs"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:119
+#: src/views/container/ContainerView.vue:462
+msgid "Rename"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:137
+#: src/views/container/ContainerView.vue:407
+#: src/views/dashboard/IndexView.vue:444
+msgid "Restart"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:142
+#: src/views/container/ContainerView.vue:408
+msgid "Force Stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:147
+#: src/views/container/ContainerView.vue:409
+msgid "Pause"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:152
+#: src/views/container/ContainerView.vue:410
+msgid "Resume"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:197
+msgid "More"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:230
+#, fuzzy
+msgid "Rename successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ContainerView.vue:252
+#: src/views/container/ContainerView.vue:330
+#, fuzzy
+msgid "Restart successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ContainerView.vue:259
+#: src/views/container/ContainerView.vue:344
+#, fuzzy
+msgid "Force stop successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ContainerView.vue:266
+#: src/views/container/ContainerView.vue:372
+#, fuzzy
+msgid "Pause successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ContainerView.vue:273
+#: src/views/container/ContainerView.vue:386
+#, fuzzy
+msgid "Resume successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ContainerView.vue:287
+#: src/views/container/ImageView.vue:126
+#: src/views/container/NetworkView.vue:166
+#: src/views/container/VolumeView.vue:120
+#, fuzzy
+msgid "Cleanup successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ContainerView.vue:293
+msgid "Please select containers to start"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:307
+msgid "Please select containers to stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:321
+msgid "Please select containers to restart"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:335
+msgid "Please select containers to force stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:349
+msgid "Please select containers to delete"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:363
+msgid "Please select containers to pause"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:377
+msgid "Please select containers to resume"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:403
+msgid "Cleanup Containers"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:469
+msgid "New Name"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:474
+msgid "Enter new name"
+msgstr ""
+
+#: src/views/container/ImageView.vue:29
+msgid "Container Count"
+msgstr ""
+
+#: src/views/container/ImageView.vue:85 src/views/container/NetworkView.vue:125
+#: src/views/container/VolumeView.vue:79
+msgid "Are you sure you want to delete?"
+msgstr ""
+
+#: src/views/container/ImageView.vue:135
+#, fuzzy
+msgid "Pull successful"
+msgstr "Saved successfully"
+
+#: src/views/container/ImageView.vue:151 src/views/container/ImageView.vue:179
+msgid "Pull Image"
+msgstr ""
+
+#: src/views/container/ImageView.vue:152
+msgid "Cleanup Images"
+msgstr ""
+
+#: src/views/container/ImageView.vue:186
+msgid "Image Name"
+msgstr ""
+
+#: src/views/container/ImageView.vue:191
+msgid "docker.io/php:8.3-fpm"
+msgstr ""
+
+#: src/views/container/ImageView.vue:194
+msgid "Authentication"
+msgstr ""
+
+#: src/views/container/ImageView.vue:197
+#: src/views/database/CreateDatabaseModal.vue:89
+#: src/views/database/ServerList.vue:47 src/views/login/IndexView.vue:113
+#: src/views/setting/SettingBase.vue:63
+msgid "Username"
+msgstr ""
+
+#: src/views/container/ImageView.vue:202
+#: src/views/database/CreateDatabaseModal.vue:94
+msgid "Enter username"
+msgstr ""
+
+#: src/views/container/ImageView.vue:205
+#: src/views/database/CreateDatabaseModal.vue:97
+#: src/views/database/ServerList.vue:56 src/views/login/IndexView.vue:121
+#: src/views/setting/SettingBase.vue:69
+msgid "Password"
+msgstr ""
+
+#: src/views/container/ImageView.vue:211
+#: src/views/database/CreateDatabaseModal.vue:103
+msgid "Enter password"
+msgstr ""
+
+#: src/views/container/IndexView.vue:21
+msgid "Containers"
+msgstr ""
+
+#: src/views/container/IndexView.vue:27
+msgid "Images"
+msgstr ""
+
+#: src/views/container/IndexView.vue:30
+msgid "Networks"
+msgstr ""
+
+#: src/views/container/IndexView.vue:33
+msgid "Volumes"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:52
+#: src/views/container/NetworkView.vue:229
+#: src/views/container/VolumeView.vue:33 src/views/container/VolumeView.vue:183
+msgid "Driver"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:59 src/views/container/VolumeView.vue:40
+msgid "Scope"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:66
+#: src/views/container/NetworkView.vue:241
+#: src/views/container/NetworkView.vue:268
+msgid "Subnet"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:83
+#: src/views/container/NetworkView.vue:249
+#: src/views/container/NetworkView.vue:276
+msgid "Gateway"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:191
+#: src/views/container/NetworkView.vue:219
+msgid "Create Network"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:192
+msgid "Cleanup Networks"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:226
+msgid "Network Name"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:246
+#: src/views/container/NetworkView.vue:262
+msgid "172.16.10.0/24"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:254
+msgid "172.16.10.254"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:257
+#: src/views/container/NetworkView.vue:284
+msgid "IP Range"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:273
+msgid "2408:400e::/48"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:281
+msgid "2408:400e::1"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:289
+msgid "2408:400e::/64"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:300
+#: src/views/container/VolumeView.vue:200
+msgid "Options"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:304
+#: src/views/container/VolumeView.vue:204
+msgid "Option Name"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:305
+#: src/views/container/VolumeView.vue:205
+msgid "Option Value"
+msgstr ""
+
+#: src/views/container/route.ts:19
+msgid "Container"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:47 src/views/dashboard/IndexView.vue:641
+msgid "Mount Point"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:145
+#: src/views/container/VolumeView.vue:173
+msgid "Create Volume"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:146
+msgid "Cleanup Volumes"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:180
+msgid "Volume Name"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:129
+msgid "Running blocked"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:131
+msgid "Running slowly"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:133
+msgid "Running normally"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:135
+msgid "Running smoothly"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:321
+msgid "Panel restarting..."
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:323
+#, fuzzy
+msgid "Panel restarted successfully"
+msgstr "Saved successfully"
+
+#: src/views/dashboard/IndexView.vue:335
+msgid "Current version is the latest"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:431
+msgid "Scheduled Tasks"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:436
+msgid "Rat Panel"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:440
+msgid "Sponsor Support"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:446
+msgid "Are you sure you want to restart the panel?"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:454
+msgid "Resource Overview"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:459
+msgid "Load Status"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:471
+msgid "Last 1 minute"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:478
+msgid "Last 5 minutes"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:485
+msgid "Last 15 minutes"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:503 src/views/dashboard/IndexView.vue:514
+msgid "cores"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:508
+msgid "Model"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:512
+msgid "Parameters"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:515
+msgid "cache"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:521
+msgid "Usage"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:522
+msgid "Frequency"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:542
+msgid "Active"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:548
+msgid "Inactive"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:554
+msgid "Free"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:560
+msgid "Shared"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:566
+msgid "Committed"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:572
+msgid "Commit Limit"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:578
+msgid "SWAP Size"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:584
+msgid "SWAP Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:590
+msgid "SWAP Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:596
+msgid "Physical Memory Size"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:602
+msgid "Physical Memory Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:608
+msgid "Physical Memory Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:645
+msgid "File System"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:649
+msgid "Inodes Usage"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:653
+msgid "Inodes Total"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:657
+msgid "Inodes Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:661
+msgid "Inodes Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:678
+msgid "Quick Apps"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:721
+msgid "You have not set any apps to display here!"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:725
+msgid "Environment Information"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:728
+msgid "System Hostname"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:730 src/views/dashboard/IndexView.vue:738
+#: src/views/dashboard/IndexView.vue:745 src/views/dashboard/IndexView.vue:751
+#: src/views/dashboard/IndexView.vue:762 src/views/dashboard/IndexView.vue:774
+msgid "Loading..."
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:734
+msgid "System Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:743
+msgid "System Kernel Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:749
+msgid "System Uptime"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:755
+msgid "Panel Internal Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:767
+msgid "Panel Compile Information"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:784
+msgid "Real-time Monitoring"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:795 src/views/dashboard/IndexView.vue:815
+msgid "Disk"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:798
+msgid "Unit"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:806
+msgid "Network Card"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:826
+msgid "Total Sent"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:828
+msgid "Total Received"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:831
+msgid "Real-time Sent"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:835
+msgid "Real-time Received"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:839
+msgid "Read"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:840
+msgid "Write"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:842
+msgid "Real-time Read/Write"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:845
+msgid "Read/Write Latency"
+msgstr ""
+
+#: src/views/dashboard/route.ts:20
+msgid "Dashboard"
 msgstr ""
 
 #: src/views/dashboard/UpdateView.vue:24
@@ -584,26 +1642,6 @@ msgstr ""
 msgid "Enter authorized username (leave empty for no authorization)"
 msgstr ""
 
-#: src/views/database/CreateDatabaseModal.vue:89
-#: src/views/database/ServerList.vue:47 src/views/login/IndexView.vue:113
-#: src/views/setting/SettingBase.vue:63
-msgid "Username"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:94
-msgid "Enter username"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:97
-#: src/views/database/ServerList.vue:56 src/views/login/IndexView.vue:121
-#: src/views/setting/SettingBase.vue:69
-msgid "Password"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:103
-msgid "Enter password"
-msgstr ""
-
 #: src/views/database/CreateDatabaseModal.vue:106
 #: src/views/database/ServerList.vue:87
 msgid "Host"
@@ -634,7 +1672,8 @@ msgid "Are you sure you want to delete this database?"
 msgstr ""
 
 #: src/views/database/DatabaseList.vue:130
-#: src/views/database/ServerList.vue:243
+#: src/views/database/ServerList.vue:243 src/views/website/IndexView.vue:253
+#: src/views/website/IndexView.vue:279
 #, fuzzy
 msgid "Modified successfully"
 msgstr "Saved successfully"
@@ -647,14 +1686,6 @@ msgstr ""
 msgid "User"
 msgstr ""
 
-#: src/views/database/ServerList.vue:40 src/views/file/ToolBar.vue:257
-msgid "Name"
-msgstr ""
-
-#: src/views/database/ServerList.vue:52 src/views/database/ServerList.vue:67
-msgid "None"
-msgstr ""
-
 #: src/views/database/ServerList.vue:76 src/views/file/ToolBar.vue:145
 #: src/views/file/ToolBar.vue:165
 #, fuzzy
@@ -665,10 +1696,6 @@ msgstr "Saved successfully"
 msgid "Copy"
 msgstr ""
 
-#: src/views/database/ServerList.vue:114
-msgid "Status"
-msgstr ""
-
 #: src/views/database/ServerList.vue:121
 msgid "Valid"
 msgstr ""
@@ -692,10 +1719,6 @@ msgstr ""
 msgid "Sync"
 msgstr ""
 
-#: src/views/database/ServerList.vue:183
-msgid "Modify"
-msgstr ""
-
 #: src/views/database/ServerList.vue:193
 msgid ""
 "Built-in servers cannot be deleted. If you need to delete them, please "
@@ -777,10 +1800,6 @@ msgstr ""
 msgid "New"
 msgstr ""
 
-#: src/views/file/ToolBar.vue:221
-msgid "Upload"
-msgstr ""
-
 #: src/views/file/ToolBar.vue:222 src/views/file/ToolBar.vue:267
 msgid "Remote Download"
 msgstr ""
@@ -797,10 +1816,6 @@ msgstr ""
 msgid "Compress"
 msgstr ""
 
-#: src/views/file/ToolBar.vue:235
-msgid "Permission"
-msgstr ""
-
 #: src/views/file/ToolBar.vue:240
 msgid "Are you sure you want to delete in bulk?"
 msgstr ""
@@ -876,7 +1891,7 @@ msgstr "Certificate"
 msgid "admin@example.com"
 msgstr ""
 
-#: src/views/setting/SettingBase.vue:81
+#: src/views/setting/SettingBase.vue:81 src/views/website/IndexView.vue:423
 msgid "Port"
 msgstr ""
 
@@ -919,3 +1934,111 @@ msgstr "Save"
 #: src/views/setting/SettingHttps.vue:36
 msgid "Panel HTTPS"
 msgstr "Panel HTTPS"
+
+#: src/views/website/IndexView.vue:23 src/views/website/IndexView.vue:398
+msgid "Website Name"
+msgstr ""
+
+#: src/views/website/IndexView.vue:30
+msgid "Running"
+msgstr ""
+
+#: src/views/website/IndexView.vue:78 src/views/website/IndexView.vue:516
+#: src/views/website/IndexView.vue:521
+msgid "Remark"
+msgstr ""
+
+#: src/views/website/IndexView.vue:135
+msgid "Are you sure you want to delete website %{ name }?"
+msgstr ""
+
+#: src/views/website/IndexView.vue:146
+msgid "Delete website directory"
+msgstr ""
+
+#: src/views/website/IndexView.vue:154
+msgid "Delete local database with the same name"
+msgstr ""
+
+#: src/views/website/IndexView.vue:210
+msgid "Not used"
+msgstr ""
+
+#: src/views/website/IndexView.vue:240
+msgid "Already %{ status }"
+msgstr ""
+
+#: src/views/website/IndexView.vue:241
+msgid "started"
+msgstr ""
+
+#: src/views/website/IndexView.vue:241
+msgid "stopped"
+msgstr ""
+
+#: src/views/website/IndexView.vue:315
+msgid "Please select the websites to delete"
+msgstr ""
+
+#: src/views/website/IndexView.vue:348 src/views/website/IndexView.vue:389
+#, fuzzy
+msgid "Create Website"
+msgstr "Certificate"
+
+#: src/views/website/IndexView.vue:352
+msgid "Batch Delete"
+msgstr ""
+
+#: src/views/website/IndexView.vue:355
+msgid ""
+"This will delete the website directory but not the database with the same "
+"name. Are you sure you want to delete the selected websites?"
+msgstr ""
+
+#: src/views/website/IndexView.vue:361 src/views/website/IndexView.vue:532
+msgid "Modify Default Page"
+msgstr ""
+
+#: src/views/website/IndexView.vue:404
+msgid ""
+"Recommended to use English for the website name, it cannot be modified after "
+"setting"
+msgstr ""
+
+#: src/views/website/IndexView.vue:435
+msgid "PHP Version"
+msgstr ""
+
+#: src/views/website/IndexView.vue:439
+msgid "Select PHP Version"
+msgstr ""
+
+#: src/views/website/IndexView.vue:451
+msgid "Select Database"
+msgstr ""
+
+#: src/views/website/IndexView.vue:479 src/views/website/IndexView.vue:484
+msgid "Database User"
+msgstr ""
+
+#: src/views/website/IndexView.vue:493 src/views/website/IndexView.vue:499
+msgid "Database Password"
+msgstr ""
+
+#: src/views/website/IndexView.vue:510
+msgid ""
+"Website root directory (if left empty, defaults to website directory/website "
+"name)"
+msgstr ""
+
+#: src/views/website/IndexView.vue:526
+msgid "Create"
+msgstr ""
+
+#: src/views/website/IndexView.vue:540
+msgid "Default Page"
+msgstr ""
+
+#: src/views/website/IndexView.vue:554
+msgid "Stop Page"
+msgstr ""
diff --git a/web/src/locales/frontend.pot b/web/src/locales/frontend.pot
index f2fb15cc..f7ba1221 100644
--- a/web/src/locales/frontend.pot
+++ b/web/src/locales/frontend.pot
@@ -2,6 +2,31 @@ msgid ""
 msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 
+#: src/layout/sidebar/components/SideSetting.vue:63
+#: src/layout/sidebar/components/SideSetting.vue:68
+msgid "Menu Settings"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:80
+msgid "Settings are saved in the browser and will be reset after clearing the browser cache"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:85
+msgid "Custom Logo"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:88
+msgid "Please enter the complete URL"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:91
+msgid "Hide Menu"
+msgstr ""
+
+#: src/router/routes/index.ts:18
+msgid "Login Page"
+msgstr ""
+
 #: src/views/app/IndexView.vue:19
 #: src/views/app/IndexView.vue:159
 #: src/views/app/IndexView.vue:164
@@ -26,8 +51,19 @@ msgstr ""
 
 #: src/views/app/IndexView.vue:71
 #: src/views/backup/ListView.vue:58
+#: src/views/cert/AccountView.vue:79
+#: src/views/cert/CertView.vue:182
+#: src/views/cert/DnsView.vue:64
+#: src/views/container/ComposeView.vue:74
+#: src/views/container/ContainerCreate.vue:170
+#: src/views/container/ContainerCreate.vue:247
+#: src/views/container/ContainerView.vue:87
+#: src/views/container/ImageView.vue:69
+#: src/views/container/NetworkView.vue:109
+#: src/views/container/VolumeView.vue:63
 #: src/views/database/DatabaseList.vue:74
 #: src/views/database/ServerList.vue:135
+#: src/views/website/IndexView.vue:95
 msgid "Actions"
 msgstr ""
 
@@ -36,6 +72,8 @@ msgid "Updating app %{ app } may reset related configurations to default state,
 msgstr ""
 
 #: src/views/app/IndexView.vue:101
+#: src/views/dashboard/IndexView.vue:448
+#: src/views/dashboard/route.ts:32
 msgid "Update"
 msgstr ""
 
@@ -73,6 +111,10 @@ msgstr ""
 msgid "Before updating apps, it is strongly recommended to backup/snapshot first, so you can roll back immediately if there are any issues!"
 msgstr ""
 
+#: src/views/app/route.ts:19
+msgid "Apps"
+msgstr ""
+
 #: src/views/app/VersionModal.vue:71
 msgid "Channel"
 msgstr ""
@@ -88,11 +130,22 @@ msgstr ""
 #: src/views/app/VersionModal.vue:89
 #: src/views/backup/ListView.vue:237
 #: src/views/backup/ListView.vue:257
+#: src/views/cert/AccountView.vue:258
+#: src/views/cert/CertView.vue:513
+#: src/views/cert/CertView.vue:537
 #: src/views/cert/CreateAccountModal.vue:114
 #: src/views/cert/CreateCertModal.vue:111
 #: src/views/cert/CreateDnsModal.vue:173
+#: src/views/cert/DnsView.vue:370
 #: src/views/cert/ObtainModal.vue:126
 #: src/views/cert/UploadCertModal.vue:55
+#: src/views/container/ComposeView.vue:326
+#: src/views/container/ComposeView.vue:356
+#: src/views/container/ContainerCreate.vue:355
+#: src/views/container/ContainerView.vue:478
+#: src/views/container/ImageView.vue:216
+#: src/views/container/NetworkView.vue:310
+#: src/views/container/VolumeView.vue:210
 #: src/views/database/CreateDatabaseModal.vue:127
 #: src/views/file/ToolBar.vue:261
 #: src/views/file/ToolBar.vue:282
@@ -102,7 +155,10 @@ msgstr ""
 #: src/views/backup/IndexView.vue:37
 #: src/views/backup/ListView.vue:217
 #: src/views/backup/ListView.vue:250
+#: src/views/cert/CertView.vue:464
+#: src/views/cert/CertView.vue:527
 #: src/views/cert/CreateCertModal.vue:86
+#: src/views/dashboard/IndexView.vue:418
 msgid "Website"
 msgstr ""
 
@@ -111,6 +167,7 @@ msgid "Filename"
 msgstr ""
 
 #: src/views/backup/ListView.vue:43
+#: src/views/container/ImageView.vue:53
 msgid "Size"
 msgstr ""
 
@@ -128,9 +185,21 @@ msgid "Are you sure you want to delete this backup?"
 msgstr ""
 
 #: src/views/backup/ListView.vue:99
+#: src/views/cert/AccountView.vue:128
+#: src/views/cert/CertView.vue:316
+#: src/views/cert/DnsView.vue:112
+#: src/views/container/ComposeView.vue:208
+#: src/views/container/ContainerCreate.vue:229
+#: src/views/container/ContainerCreate.vue:276
+#: src/views/container/ContainerView.vue:157
+#: src/views/container/ContainerView.vue:411
+#: src/views/container/ImageView.vue:95
+#: src/views/container/NetworkView.vue:135
+#: src/views/container/VolumeView.vue:89
 #: src/views/database/DatabaseList.vue:99
 #: src/views/database/ServerList.vue:212
 #: src/views/file/ToolBar.vue:238
+#: src/views/website/IndexView.vue:169
 msgid "Delete"
 msgstr ""
 
@@ -139,8 +208,13 @@ msgstr ""
 #: src/views/cert/CreateCertModal.vue:50
 #: src/views/cert/CreateDnsModal.vue:35
 #: src/views/cert/UploadCertModal.vue:21
+#: src/views/container/ComposeView.vue:234
+#: src/views/container/ContainerCreate.vue:106
+#: src/views/container/NetworkView.vue:175
+#: src/views/container/VolumeView.vue:129
 #: src/views/database/CreateDatabaseModal.vue:28
 #: src/views/file/ToolBar.vue:45
+#: src/views/website/IndexView.vue:309
 msgid "Created successfully"
 msgstr ""
 
@@ -156,6 +230,8 @@ msgstr ""
 #: src/views/database/DatabaseList.vue:124
 #: src/views/database/ServerList.vue:237
 #: src/views/file/ToolBar.vue:189
+#: src/views/website/IndexView.vue:270
+#: src/views/website/IndexView.vue:324
 msgid "Deleted successfully"
 msgstr ""
 
@@ -177,6 +253,8 @@ msgstr ""
 #: src/views/backup/ListView.vue:220
 #: src/views/database/CreateDatabaseModal.vue:70
 #: src/views/database/DatabaseList.vue:35
+#: src/views/website/IndexView.vue:468
+#: src/views/website/IndexView.vue:473
 msgid "Database Name"
 msgstr ""
 
@@ -198,7 +276,9 @@ msgid "Restore Backup"
 msgstr ""
 
 #: src/views/backup/ListView.vue:253
+#: src/views/dashboard/IndexView.vue:422
 #: src/views/database/IndexView.vue:45
+#: src/views/website/IndexView.vue:447
 msgid "Database"
 msgstr ""
 
@@ -218,57 +298,266 @@ msgstr ""
 msgid "For large files, it is recommended to use SFTP or other methods to upload"
 msgstr ""
 
+#: src/views/cert/AccountView.vue:44
+#: src/views/cert/AccountView.vue:233
+#: src/views/cert/CreateAccountModal.vue:89
+msgid "Email"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:72
+#: src/views/cert/AccountView.vue:225
+#: src/views/cert/CertView.vue:456
+#: src/views/cert/CreateAccountModal.vue:81
+#: src/views/cert/CreateCertModal.vue:78
+msgid "Key Type"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:102
+#: src/views/cert/CertView.vue:290
+#: src/views/cert/DnsView.vue:86
+#: src/views/database/ServerList.vue:183
+msgid "Modify"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:110
+#: src/views/cert/CertView.vue:299
+#: src/views/cert/DnsView.vue:95
+msgid "Deletion successful"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:117
+msgid "Are you sure you want to delete the account?"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:150
 #: src/views/cert/CreateAccountModal.vue:38
 msgid "Registering account with CA, please wait patiently"
 msgstr ""
 
+#: src/views/cert/AccountView.vue:160
+#: src/views/cert/CertView.vue:350
+#: src/views/cert/CertView.vue:367
+#: src/views/cert/DnsView.vue:140
+#: src/views/container/ComposeView.vue:252
+msgid "Update successful"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:205
+msgid "Modify Account"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:212
+#: src/views/cert/CreateAccountModal.vue:68
+msgid "Google and SSL.com require obtaining KID and HMAC from their official websites first"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:214
+msgid "Google is not accessible in mainland China, other CAs depend on network conditions, recommend using GoogleCN or Let's Encrypt"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:217
+#: src/views/cert/CreateAccountModal.vue:73
+msgid "CA"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:220
+#: src/views/cert/CreateAccountModal.vue:76
+msgid "Select CA"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:228
+#: src/views/cert/CertView.vue:459
+#: src/views/cert/CreateAccountModal.vue:84
+#: src/views/cert/CreateCertModal.vue:81
+msgid "Select key type"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:238
+#: src/views/cert/CreateAccountModal.vue:94
+msgid "Enter email address"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:246
+#: src/views/cert/CreateAccountModal.vue:102
+msgid "Enter KID"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:254
+#: src/views/cert/CreateAccountModal.vue:110
+msgid "Enter HMAC"
+msgstr ""
+
+#: src/views/cert/CertView.vue:64
+#: src/views/cert/CertView.vue:448
+#: src/views/cert/CreateCertModal.vue:70
+#: src/views/cert/ObtainModal.vue:53
+#: src/views/website/IndexView.vue:412
+msgid "Domain"
+msgstr ""
+
+#: src/views/cert/CertView.vue:70
+#: src/views/cert/CertView.vue:124
+#: src/views/cert/CertView.vue:135
+#: src/views/cert/CertView.vue:154
+#: src/views/container/ContainerCreate.vue:55
+#: src/views/database/ServerList.vue:52
+#: src/views/database/ServerList.vue:67
+msgid "None"
+msgstr ""
+
+#: src/views/cert/CertView.vue:87
+#: src/views/cert/DnsView.vue:38
+#: src/views/cert/ObtainModal.vue:54
+#: src/views/database/DatabaseList.vue:12
+#: src/views/database/ServerList.vue:17
+msgid "Type"
+msgstr ""
+
+#: src/views/cert/CertView.vue:109
+#: src/views/file/ToolBar.vue:221
+msgid "Upload"
+msgstr ""
+
+#: src/views/cert/CertView.vue:117
+msgid "Associated Account"
+msgstr ""
+
+#: src/views/cert/CertView.vue:130
+msgid "Issuer"
+msgstr ""
+
+#: src/views/cert/CertView.vue:139
+msgid "Expiration Time"
+msgstr ""
+
+#: src/views/cert/CertView.vue:167
+msgid "Auto Renew"
+msgstr ""
+
+#: src/views/cert/CertView.vue:202
+#: src/views/cert/ObtainModal.vue:74
+msgid "Issue"
+msgstr ""
+
+#: src/views/cert/CertView.vue:221
+msgid "Deploy"
+msgstr ""
+
+#: src/views/cert/CertView.vue:233
+#: src/views/cert/ObtainModal.vue:24
+#: src/views/cert/ObtainModal.vue:77
+msgid "Please wait..."
+msgstr ""
+
+#: src/views/cert/CertView.vue:239
+msgid "Renewal successful"
+msgstr ""
+
+#: src/views/cert/CertView.vue:247
+msgid "Renew"
+msgstr ""
+
+#: src/views/cert/CertView.vue:265
+msgid "View"
+msgstr ""
+
+#: src/views/cert/CertView.vue:305
+msgid "Are you sure you want to delete the certificate?"
+msgstr ""
+
+#: src/views/cert/CertView.vue:391
+msgid "Deployment successful"
+msgstr ""
+
+#: src/views/cert/CertView.vue:437
+msgid "Modify Certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:445
+msgid "You can automatically issue and deploy certificates by selecting any website/DNS, or manually enter domain names and set DNS resolution to issue certificates, or fill in deployment scripts to automatically deploy certificates."
+msgstr ""
+
+#: src/views/cert/CertView.vue:467
+#: src/views/cert/CreateCertModal.vue:89
+msgid "Select website for certificate deployment"
+msgstr ""
+
+#: src/views/cert/CertView.vue:472
+#: src/views/cert/CreateCertModal.vue:94
+msgid "Account"
+msgstr ""
+
+#: src/views/cert/CertView.vue:475
+#: src/views/cert/CreateCertModal.vue:97
+msgid "Select account for certificate issuance"
+msgstr ""
+
+#: src/views/cert/CertView.vue:480
+#: src/views/cert/CreateCertModal.vue:102
+#: src/views/cert/CreateDnsModal.vue:55
+#: src/views/cert/DnsView.vue:193
+msgid "DNS"
+msgstr ""
+
+#: src/views/cert/CertView.vue:483
+#: src/views/cert/CreateCertModal.vue:105
+msgid "Select DNS for certificate issuance"
+msgstr ""
+
+#: src/views/cert/CertView.vue:488
+#: src/views/cert/CertView.vue:551
+#: src/views/cert/route.ts:19
+#: src/views/cert/UploadCertModal.vue:38
+#: src/views/setting/SettingHttps.vue:39
+msgid "Certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:492
+#: src/views/cert/UploadCertModal.vue:42
+msgid "Enter the content of the PEM certificate file"
+msgstr ""
+
+#: src/views/cert/CertView.vue:496
+#: src/views/cert/CertView.vue:563
+#: src/views/cert/UploadCertModal.vue:46
+#: src/views/setting/SettingHttps.vue:46
+msgid "Private Key"
+msgstr ""
+
+#: src/views/cert/CertView.vue:500
+#: src/views/cert/UploadCertModal.vue:50
+msgid "Enter the content of the KEY private key file"
+msgstr ""
+
+#: src/views/cert/CertView.vue:504
+msgid "Deployment Script"
+msgstr ""
+
+#: src/views/cert/CertView.vue:508
+msgid "The {cert} and {key} in the script will be replaced with the certificate and private key content"
+msgstr ""
+
+#: src/views/cert/CertView.vue:519
+msgid "Deploy Certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:530
+msgid "Select websites to deploy the certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:543
+msgid "View Certificate"
+msgstr ""
+
 #: src/views/cert/CreateAccountModal.vue:61
 #: src/views/cert/IndexView.vue:106
 msgid "Create Account"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:68
-msgid "Google and SSL.com require obtaining KID and HMAC from their official websites first"
-msgstr ""
-
 #: src/views/cert/CreateAccountModal.vue:70
 msgid "Google is not accessible in mainland China, and other CAs depend on network conditions. GoogleCN or Let's Encrypt are recommended"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:73
-msgid "CA"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:76
-msgid "Select CA"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:81
-#: src/views/cert/CreateCertModal.vue:78
-msgid "Key Type"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:84
-#: src/views/cert/CreateCertModal.vue:81
-msgid "Select key type"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:89
-msgid "Email"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:94
-msgid "Enter email address"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:102
-msgid "Enter KID"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:110
-msgid "Enter HMAC"
-msgstr ""
-
 #: src/views/cert/CreateCertModal.vue:59
 #: src/views/cert/IndexView.vue:102
 msgid "Create Certificate"
@@ -278,32 +567,6 @@ msgstr ""
 msgid "You can automatically issue and deploy certificates by selecting either Website or DNS, or you can manually enter domain names and set up DNS resolution to issue certificates"
 msgstr ""
 
-#: src/views/cert/CreateCertModal.vue:70
-#: src/views/cert/ObtainModal.vue:53
-msgid "Domain"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:89
-msgid "Select website for certificate deployment"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:94
-msgid "Account"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:97
-msgid "Select account for certificate issuance"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:102
-#: src/views/cert/CreateDnsModal.vue:55
-msgid "DNS"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:105
-msgid "Select DNS for certificate issuance"
-msgstr ""
-
 #: src/views/cert/CreateDnsModal.vue:44
 #: src/views/cert/IndexView.vue:110
 msgid "Create DNS"
@@ -318,30 +581,37 @@ msgid "Enter comment name"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:58
+#: src/views/cert/DnsView.vue:196
 msgid "Select DNS"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:64
+#: src/views/cert/DnsView.vue:205
 msgid "Enter Aliyun Access Key"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:67
+#: src/views/cert/DnsView.vue:212
 msgid "Enter Aliyun Secret Key"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:70
+#: src/views/cert/DnsView.vue:219
 msgid "Enter Tencent Cloud SecretId"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:73
+#: src/views/cert/DnsView.vue:226
 msgid "Enter Tencent Cloud SecretKey"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:76
+#: src/views/cert/DnsView.vue:233
 msgid "Enter Huawei Cloud AccessKeyId"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:82
+#: src/views/cert/DnsView.vue:240
 msgid "Enter Huawei Cloud SecretAccessKey"
 msgstr ""
 
@@ -354,42 +624,52 @@ msgid "Enter Western Digital API Password"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:99
+#: src/views/cert/DnsView.vue:261
 msgid "Enter Cloudflare API Key"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:103
+#: src/views/cert/DnsView.vue:268
 msgid "Enter GoDaddy Token"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:106
+#: src/views/cert/DnsView.vue:275
 msgid "Enter G-Core API Key"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:109
+#: src/views/cert/DnsView.vue:282
 msgid "Enter Porkbun API Key"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:115
+#: src/views/cert/DnsView.vue:289
 msgid "Enter Porkbun Secret Key"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:122
+#: src/views/cert/DnsView.vue:296
 msgid "Enter Namecheap API Username"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:126
+#: src/views/cert/DnsView.vue:303
 msgid "Enter Namecheap API Key"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:132
+#: src/views/cert/DnsView.vue:310
 msgid "Enter NameSilo API Token"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:136
+#: src/views/cert/DnsView.vue:317
 msgid "Enter Name.com Username"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:139
+#: src/views/cert/DnsView.vue:324
 msgid "Enter Name.com Token"
 msgstr ""
 
@@ -398,25 +678,63 @@ msgid "Enter ClouDNS Auth ID (use Sub Auth ID by adding sub-prefix)"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:153
+#: src/views/cert/DnsView.vue:338
 msgid "Enter ClouDNS Auth Password"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:157
+#: src/views/cert/DnsView.vue:345
 msgid "Enter Duck DNS Token"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:163
+#: src/views/cert/DnsView.vue:352
 msgid "Enter Hetzner Auth API Token"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:167
+#: src/views/cert/DnsView.vue:359
 msgid "Enter Linode Token"
 msgstr ""
 
 #: src/views/cert/CreateDnsModal.vue:170
+#: src/views/cert/DnsView.vue:366
 msgid "Enter Vercel Token"
 msgstr ""
 
+#: src/views/cert/DnsView.vue:31
+#: src/views/cert/DnsView.vue:190
+msgid "Note Name"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:56
+msgid "Unknown"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:101
+msgid "Are you sure you want to delete the DNS?"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:182
+msgid "Modify DNS"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:191
+msgid "Enter note name"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:247
+msgid "Enter West.cn Username"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:254
+msgid "Enter West.cn API Password"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:331
+msgid "Enter ClouDNS Auth ID (Add sub- prefix for Sub Auth ID)"
+msgstr ""
+
 #: src/views/cert/IndexView.vue:98
 #: src/views/cert/UploadCertModal.vue:30
 msgid "Upload Certificate"
@@ -446,11 +764,6 @@ msgstr ""
 msgid "Self-signed"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:24
-#: src/views/cert/ObtainModal.vue:77
-msgid "Please wait..."
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:33
 #: src/views/cert/ObtainModal.vue:85
 #: src/views/cert/ObtainModal.vue:103
@@ -465,12 +778,6 @@ msgstr ""
 msgid "DNS Records to Set"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:54
-#: src/views/database/DatabaseList.vue:12
-#: src/views/database/ServerList.vue:17
-msgid "Type"
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:55
 msgid "Host Record"
 msgstr ""
@@ -479,10 +786,6 @@ msgstr ""
 msgid "Record Value"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:74
-msgid "Issue"
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:116
 msgid "Issue Certificate"
 msgstr ""
@@ -491,23 +794,837 @@ msgstr ""
 msgid "Issuance Mode"
 msgstr ""
 
-#: src/views/cert/route.ts:19
-#: src/views/cert/UploadCertModal.vue:38
-#: src/views/setting/SettingHttps.vue:39
-msgid "Certificate"
+#: src/views/container/ComposeView.vue:31
+#: src/views/container/NetworkView.vue:45
+#: src/views/container/VolumeView.vue:26
+#: src/views/database/ServerList.vue:40
+#: src/views/file/ToolBar.vue:257
+msgid "Name"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:42
-msgid "Enter the content of the PEM certificate file"
+#: src/views/container/ComposeView.vue:38
+#: src/views/website/IndexView.vue:44
+#: src/views/website/IndexView.vue:504
+msgid "Directory"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:46
-#: src/views/setting/SettingHttps.vue:46
-msgid "Private Key"
+#: src/views/container/ComposeView.vue:58
+#: src/views/container/ContainerView.vue:32
+#: src/views/database/ServerList.vue:114
+msgid "Status"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:50
-msgid "Enter the content of the KEY private key file"
+#: src/views/container/ComposeView.vue:65
+#: src/views/container/ImageView.vue:60
+#: src/views/container/NetworkView.vue:100
+#: src/views/container/VolumeView.vue:54
+msgid "Creation Time"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:97
+#: src/views/website/IndexView.vue:111
+msgid "Edit"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:105
+msgid "Starting..."
+msgstr ""
+
+#: src/views/container/ComposeView.vue:112
+#: src/views/container/ContainerView.vue:238
+#: src/views/container/ContainerView.vue:302
+msgid "Start successful"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:128
+msgid "Are you sure you want to start compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:135
+msgid "Force pull images"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:150
+#: src/views/container/ContainerView.vue:127
+#: src/views/container/ContainerView.vue:405
+msgid "Start"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:162
+#: src/views/container/ContainerView.vue:245
+#: src/views/container/ContainerView.vue:316
+msgid "Stop successful"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:168
+msgid "Are you sure you want to stop compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:179
+#: src/views/container/ContainerView.vue:132
+#: src/views/container/ContainerView.vue:406
+msgid "Stop"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:191
+#: src/views/container/ContainerView.vue:280
+#: src/views/container/ContainerView.vue:358
+#: src/views/container/ImageView.vue:119
+#: src/views/container/NetworkView.vue:159
+#: src/views/container/VolumeView.vue:113
+msgid "Delete successful"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:197
+msgid "Are you sure you want to delete compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:273
+#: src/views/container/ComposeView.vue:299
+msgid "Create Compose"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:306
+msgid "Compose Name"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:309
+#: src/views/container/ComposeView.vue:339
+#: src/views/container/IndexView.vue:24
+msgid "Compose"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:316
+#: src/views/container/ComposeView.vue:346
+#: src/views/container/ContainerCreate.vue:337
+msgid "Environment Variables"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:320
+#: src/views/container/ComposeView.vue:350
+#: src/views/container/ContainerCreate.vue:341
+msgid "Variable Name"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:321
+#: src/views/container/ComposeView.vue:351
+#: src/views/container/ContainerCreate.vue:342
+msgid "Variable Value"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:332
+msgid "Edit Compose"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:56
+msgid "Always"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:57
+msgid "On failure (default 5 retries)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:58
+msgid "Unless stopped"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:127
+#: src/views/container/ContainerView.vue:402
+msgid "Create Container"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:137
+#: src/views/container/ContainerView.vue:25
+msgid "Container Name"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:140
+#: src/views/container/ContainerView.vue:52
+#: src/views/container/ImageView.vue:36
+msgid "Image"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:143
+msgid "Ports"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:149
+msgid "Map Ports"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:156
+msgid "Expose All"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:159
+msgid "Port Mapping"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:165
+msgid "Host (Start)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:166
+msgid "Host (End)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:167
+msgid "Container (Start)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:168
+msgid "Container (End)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:169
+msgid "Protocol"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:180
+msgid "Optional"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:233
+#: src/views/container/ContainerCreate.vue:280
+msgid "Add"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:236
+#: src/views/dashboard/IndexView.vue:794
+msgid "Network"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:239
+msgid "Mount"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:244
+msgid "Host Directory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:245
+msgid "Container Directory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:246
+#: src/views/file/ToolBar.vue:235
+msgid "Permission"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:265
+msgid "Read-Write"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:273
+msgid "Read-Only"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:283
+#: src/views/container/ContainerCreate.vue:284
+msgid "Command"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:286
+#: src/views/container/ContainerCreate.vue:287
+msgid "Entrypoint"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:291
+#: src/views/dashboard/IndexView.vue:530
+msgid "Memory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:301
+msgid "CPU Shares"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:308
+msgid "TTY (-t)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:313
+msgid "STDIN (-i)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:318
+msgid "Auto Remove"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:323
+msgid "Privileged Mode"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:328
+msgid "Restart Policy"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:331
+#: src/views/container/ContainerCreate.vue:334
+msgid "Select restart policy"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:345
+#: src/views/container/NetworkView.vue:292
+#: src/views/container/VolumeView.vue:192
+msgid "Labels"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:349
+#: src/views/container/NetworkView.vue:296
+#: src/views/container/VolumeView.vue:196
+msgid "Label Name"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:350
+#: src/views/container/NetworkView.vue:297
+#: src/views/container/VolumeView.vue:197
+msgid "Label Value"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:63
+msgid "Ports (Host->Container)"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:80
+msgid "Running Status"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:103
+#: src/views/container/ContainerView.vue:439
+msgid "Logs"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:119
+#: src/views/container/ContainerView.vue:462
+msgid "Rename"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:137
+#: src/views/container/ContainerView.vue:407
+#: src/views/dashboard/IndexView.vue:444
+msgid "Restart"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:142
+#: src/views/container/ContainerView.vue:408
+msgid "Force Stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:147
+#: src/views/container/ContainerView.vue:409
+msgid "Pause"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:152
+#: src/views/container/ContainerView.vue:410
+msgid "Resume"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:197
+msgid "More"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:230
+msgid "Rename successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:252
+#: src/views/container/ContainerView.vue:330
+msgid "Restart successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:259
+#: src/views/container/ContainerView.vue:344
+msgid "Force stop successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:266
+#: src/views/container/ContainerView.vue:372
+msgid "Pause successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:273
+#: src/views/container/ContainerView.vue:386
+msgid "Resume successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:287
+#: src/views/container/ImageView.vue:126
+#: src/views/container/NetworkView.vue:166
+#: src/views/container/VolumeView.vue:120
+msgid "Cleanup successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:293
+msgid "Please select containers to start"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:307
+msgid "Please select containers to stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:321
+msgid "Please select containers to restart"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:335
+msgid "Please select containers to force stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:349
+msgid "Please select containers to delete"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:363
+msgid "Please select containers to pause"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:377
+msgid "Please select containers to resume"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:403
+msgid "Cleanup Containers"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:469
+msgid "New Name"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:474
+msgid "Enter new name"
+msgstr ""
+
+#: src/views/container/ImageView.vue:29
+msgid "Container Count"
+msgstr ""
+
+#: src/views/container/ImageView.vue:85
+#: src/views/container/NetworkView.vue:125
+#: src/views/container/VolumeView.vue:79
+msgid "Are you sure you want to delete?"
+msgstr ""
+
+#: src/views/container/ImageView.vue:135
+msgid "Pull successful"
+msgstr ""
+
+#: src/views/container/ImageView.vue:151
+#: src/views/container/ImageView.vue:179
+msgid "Pull Image"
+msgstr ""
+
+#: src/views/container/ImageView.vue:152
+msgid "Cleanup Images"
+msgstr ""
+
+#: src/views/container/ImageView.vue:186
+msgid "Image Name"
+msgstr ""
+
+#: src/views/container/ImageView.vue:191
+msgid "docker.io/php:8.3-fpm"
+msgstr ""
+
+#: src/views/container/ImageView.vue:194
+msgid "Authentication"
+msgstr ""
+
+#: src/views/container/ImageView.vue:197
+#: src/views/database/CreateDatabaseModal.vue:89
+#: src/views/database/ServerList.vue:47
+#: src/views/login/IndexView.vue:113
+#: src/views/setting/SettingBase.vue:63
+msgid "Username"
+msgstr ""
+
+#: src/views/container/ImageView.vue:202
+#: src/views/database/CreateDatabaseModal.vue:94
+msgid "Enter username"
+msgstr ""
+
+#: src/views/container/ImageView.vue:205
+#: src/views/database/CreateDatabaseModal.vue:97
+#: src/views/database/ServerList.vue:56
+#: src/views/login/IndexView.vue:121
+#: src/views/setting/SettingBase.vue:69
+msgid "Password"
+msgstr ""
+
+#: src/views/container/ImageView.vue:211
+#: src/views/database/CreateDatabaseModal.vue:103
+msgid "Enter password"
+msgstr ""
+
+#: src/views/container/IndexView.vue:21
+msgid "Containers"
+msgstr ""
+
+#: src/views/container/IndexView.vue:27
+msgid "Images"
+msgstr ""
+
+#: src/views/container/IndexView.vue:30
+msgid "Networks"
+msgstr ""
+
+#: src/views/container/IndexView.vue:33
+msgid "Volumes"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:52
+#: src/views/container/NetworkView.vue:229
+#: src/views/container/VolumeView.vue:33
+#: src/views/container/VolumeView.vue:183
+msgid "Driver"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:59
+#: src/views/container/VolumeView.vue:40
+msgid "Scope"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:66
+#: src/views/container/NetworkView.vue:241
+#: src/views/container/NetworkView.vue:268
+msgid "Subnet"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:83
+#: src/views/container/NetworkView.vue:249
+#: src/views/container/NetworkView.vue:276
+msgid "Gateway"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:191
+#: src/views/container/NetworkView.vue:219
+msgid "Create Network"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:192
+msgid "Cleanup Networks"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:226
+msgid "Network Name"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:246
+#: src/views/container/NetworkView.vue:262
+msgid "172.16.10.0/24"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:254
+msgid "172.16.10.254"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:257
+#: src/views/container/NetworkView.vue:284
+msgid "IP Range"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:273
+msgid "2408:400e::/48"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:281
+msgid "2408:400e::1"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:289
+msgid "2408:400e::/64"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:300
+#: src/views/container/VolumeView.vue:200
+msgid "Options"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:304
+#: src/views/container/VolumeView.vue:204
+msgid "Option Name"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:305
+#: src/views/container/VolumeView.vue:205
+msgid "Option Value"
+msgstr ""
+
+#: src/views/container/route.ts:19
+msgid "Container"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:47
+#: src/views/dashboard/IndexView.vue:641
+msgid "Mount Point"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:145
+#: src/views/container/VolumeView.vue:173
+msgid "Create Volume"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:146
+msgid "Cleanup Volumes"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:180
+msgid "Volume Name"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:129
+msgid "Running blocked"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:131
+msgid "Running slowly"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:133
+msgid "Running normally"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:135
+msgid "Running smoothly"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:321
+msgid "Panel restarting..."
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:323
+msgid "Panel restarted successfully"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:335
+msgid "Current version is the latest"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:431
+msgid "Scheduled Tasks"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:436
+msgid "Rat Panel"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:440
+msgid "Sponsor Support"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:446
+msgid "Are you sure you want to restart the panel?"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:454
+msgid "Resource Overview"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:459
+msgid "Load Status"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:471
+msgid "Last 1 minute"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:478
+msgid "Last 5 minutes"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:485
+msgid "Last 15 minutes"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:503
+#: src/views/dashboard/IndexView.vue:514
+msgid "cores"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:508
+msgid "Model"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:512
+msgid "Parameters"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:515
+msgid "cache"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:521
+msgid "Usage"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:522
+msgid "Frequency"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:542
+msgid "Active"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:548
+msgid "Inactive"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:554
+msgid "Free"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:560
+msgid "Shared"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:566
+msgid "Committed"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:572
+msgid "Commit Limit"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:578
+msgid "SWAP Size"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:584
+msgid "SWAP Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:590
+msgid "SWAP Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:596
+msgid "Physical Memory Size"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:602
+msgid "Physical Memory Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:608
+msgid "Physical Memory Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:645
+msgid "File System"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:649
+msgid "Inodes Usage"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:653
+msgid "Inodes Total"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:657
+msgid "Inodes Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:661
+msgid "Inodes Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:678
+msgid "Quick Apps"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:721
+msgid "You have not set any apps to display here!"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:725
+msgid "Environment Information"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:728
+msgid "System Hostname"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:730
+#: src/views/dashboard/IndexView.vue:738
+#: src/views/dashboard/IndexView.vue:745
+#: src/views/dashboard/IndexView.vue:751
+#: src/views/dashboard/IndexView.vue:762
+#: src/views/dashboard/IndexView.vue:774
+msgid "Loading..."
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:734
+msgid "System Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:743
+msgid "System Kernel Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:749
+msgid "System Uptime"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:755
+msgid "Panel Internal Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:767
+msgid "Panel Compile Information"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:784
+msgid "Real-time Monitoring"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:795
+#: src/views/dashboard/IndexView.vue:815
+msgid "Disk"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:798
+msgid "Unit"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:806
+msgid "Network Card"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:826
+msgid "Total Sent"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:828
+msgid "Total Received"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:831
+msgid "Real-time Sent"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:835
+msgid "Real-time Received"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:839
+msgid "Read"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:840
+msgid "Write"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:842
+msgid "Real-time Read/Write"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:845
+msgid "Read/Write Latency"
+msgstr ""
+
+#: src/views/dashboard/route.ts:20
+msgid "Dashboard"
 msgstr ""
 
 #: src/views/dashboard/UpdateView.vue:24
@@ -588,28 +1705,6 @@ msgstr ""
 msgid "Enter authorized username (leave empty for no authorization)"
 msgstr ""
 
-#: src/views/database/CreateDatabaseModal.vue:89
-#: src/views/database/ServerList.vue:47
-#: src/views/login/IndexView.vue:113
-#: src/views/setting/SettingBase.vue:63
-msgid "Username"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:94
-msgid "Enter username"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:97
-#: src/views/database/ServerList.vue:56
-#: src/views/login/IndexView.vue:121
-#: src/views/setting/SettingBase.vue:69
-msgid "Password"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:103
-msgid "Enter password"
-msgstr ""
-
 #: src/views/database/CreateDatabaseModal.vue:106
 #: src/views/database/ServerList.vue:87
 msgid "Host"
@@ -642,6 +1737,8 @@ msgstr ""
 
 #: src/views/database/DatabaseList.vue:130
 #: src/views/database/ServerList.vue:243
+#: src/views/website/IndexView.vue:253
+#: src/views/website/IndexView.vue:279
 msgid "Modified successfully"
 msgstr ""
 
@@ -653,16 +1750,6 @@ msgstr ""
 msgid "User"
 msgstr ""
 
-#: src/views/database/ServerList.vue:40
-#: src/views/file/ToolBar.vue:257
-msgid "Name"
-msgstr ""
-
-#: src/views/database/ServerList.vue:52
-#: src/views/database/ServerList.vue:67
-msgid "None"
-msgstr ""
-
 #: src/views/database/ServerList.vue:76
 #: src/views/file/ToolBar.vue:145
 #: src/views/file/ToolBar.vue:165
@@ -674,10 +1761,6 @@ msgstr ""
 msgid "Copy"
 msgstr ""
 
-#: src/views/database/ServerList.vue:114
-msgid "Status"
-msgstr ""
-
 #: src/views/database/ServerList.vue:121
 msgid "Valid"
 msgstr ""
@@ -698,10 +1781,6 @@ msgstr ""
 msgid "Sync"
 msgstr ""
 
-#: src/views/database/ServerList.vue:183
-msgid "Modify"
-msgstr ""
-
 #: src/views/database/ServerList.vue:193
 msgid "Built-in servers cannot be deleted. If you need to delete them, please uninstall the corresponding application"
 msgstr ""
@@ -782,10 +1861,6 @@ msgstr ""
 msgid "New"
 msgstr ""
 
-#: src/views/file/ToolBar.vue:221
-msgid "Upload"
-msgstr ""
-
 #: src/views/file/ToolBar.vue:222
 #: src/views/file/ToolBar.vue:267
 msgid "Remote Download"
@@ -803,10 +1878,6 @@ msgstr ""
 msgid "Compress"
 msgstr ""
 
-#: src/views/file/ToolBar.vue:235
-msgid "Permission"
-msgstr ""
-
 #: src/views/file/ToolBar.vue:240
 msgid "Are you sure you want to delete in bulk?"
 msgstr ""
@@ -880,6 +1951,7 @@ msgid "admin@example.com"
 msgstr ""
 
 #: src/views/setting/SettingBase.vue:81
+#: src/views/website/IndexView.vue:423
 msgid "Port"
 msgstr ""
 
@@ -923,3 +1995,112 @@ msgstr ""
 #: src/views/setting/SettingHttps.vue:36
 msgid "Panel HTTPS"
 msgstr ""
+
+#: src/views/website/IndexView.vue:23
+#: src/views/website/IndexView.vue:398
+msgid "Website Name"
+msgstr ""
+
+#: src/views/website/IndexView.vue:30
+msgid "Running"
+msgstr ""
+
+#: src/views/website/IndexView.vue:78
+#: src/views/website/IndexView.vue:516
+#: src/views/website/IndexView.vue:521
+msgid "Remark"
+msgstr ""
+
+#: src/views/website/IndexView.vue:135
+msgid "Are you sure you want to delete website %{ name }?"
+msgstr ""
+
+#: src/views/website/IndexView.vue:146
+msgid "Delete website directory"
+msgstr ""
+
+#: src/views/website/IndexView.vue:154
+msgid "Delete local database with the same name"
+msgstr ""
+
+#: src/views/website/IndexView.vue:210
+msgid "Not used"
+msgstr ""
+
+#: src/views/website/IndexView.vue:240
+msgid "Already %{ status }"
+msgstr ""
+
+#: src/views/website/IndexView.vue:241
+msgid "started"
+msgstr ""
+
+#: src/views/website/IndexView.vue:241
+msgid "stopped"
+msgstr ""
+
+#: src/views/website/IndexView.vue:315
+msgid "Please select the websites to delete"
+msgstr ""
+
+#: src/views/website/IndexView.vue:348
+#: src/views/website/IndexView.vue:389
+msgid "Create Website"
+msgstr ""
+
+#: src/views/website/IndexView.vue:352
+msgid "Batch Delete"
+msgstr ""
+
+#: src/views/website/IndexView.vue:355
+msgid "This will delete the website directory but not the database with the same name. Are you sure you want to delete the selected websites?"
+msgstr ""
+
+#: src/views/website/IndexView.vue:361
+#: src/views/website/IndexView.vue:532
+msgid "Modify Default Page"
+msgstr ""
+
+#: src/views/website/IndexView.vue:404
+msgid "Recommended to use English for the website name, it cannot be modified after setting"
+msgstr ""
+
+#: src/views/website/IndexView.vue:435
+msgid "PHP Version"
+msgstr ""
+
+#: src/views/website/IndexView.vue:439
+msgid "Select PHP Version"
+msgstr ""
+
+#: src/views/website/IndexView.vue:451
+msgid "Select Database"
+msgstr ""
+
+#: src/views/website/IndexView.vue:479
+#: src/views/website/IndexView.vue:484
+msgid "Database User"
+msgstr ""
+
+#: src/views/website/IndexView.vue:493
+#: src/views/website/IndexView.vue:499
+msgid "Database Password"
+msgstr ""
+
+#: src/views/website/IndexView.vue:510
+msgid "Website root directory (if left empty, defaults to website directory/website name)"
+msgstr ""
+
+#: src/views/website/IndexView.vue:526
+msgid "Create"
+msgstr ""
+
+#: src/views/website/IndexView.vue:540
+#: src/views/website/IndexView.vue:540
+msgid "Default Page"
+msgstr ""
+
+#: src/views/website/IndexView.vue:554
+#: src/views/website/IndexView.vue:554
+msgid "Stop Page"
+msgstr ""
diff --git a/web/src/locales/zh_CN.po b/web/src/locales/zh_CN.po
index 224ff005..453c7a0f 100644
--- a/web/src/locales/zh_CN.po
+++ b/web/src/locales/zh_CN.po
@@ -8,6 +8,33 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
+#: src/layout/sidebar/components/SideSetting.vue:63
+#: src/layout/sidebar/components/SideSetting.vue:68
+msgid "Menu Settings"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:80
+msgid ""
+"Settings are saved in the browser and will be reset after clearing the "
+"browser cache"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:85
+msgid "Custom Logo"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:88
+msgid "Please enter the complete URL"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:91
+msgid "Hide Menu"
+msgstr ""
+
+#: src/router/routes/index.ts:18
+msgid "Login Page"
+msgstr ""
+
 #: src/views/app/IndexView.vue:19 src/views/app/IndexView.vue:159
 #: src/views/app/IndexView.vue:164
 msgid "Install"
@@ -30,7 +57,14 @@ msgid "Show in Home"
 msgstr ""
 
 #: src/views/app/IndexView.vue:71 src/views/backup/ListView.vue:58
-#: src/views/database/DatabaseList.vue:74 src/views/database/ServerList.vue:135
+#: src/views/cert/AccountView.vue:79 src/views/cert/CertView.vue:182
+#: src/views/cert/DnsView.vue:64 src/views/container/ComposeView.vue:74
+#: src/views/container/ContainerCreate.vue:170
+#: src/views/container/ContainerCreate.vue:247
+#: src/views/container/ContainerView.vue:87
+#: src/views/container/ImageView.vue:69 src/views/container/NetworkView.vue:109
+#: src/views/container/VolumeView.vue:63 src/views/database/DatabaseList.vue:74
+#: src/views/database/ServerList.vue:135 src/views/website/IndexView.vue:95
 msgid "Actions"
 msgstr ""
 
@@ -40,7 +74,8 @@ msgid ""
 "you sure to continue?"
 msgstr ""
 
-#: src/views/app/IndexView.vue:101
+#: src/views/app/IndexView.vue:101 src/views/dashboard/IndexView.vue:448
+#: src/views/dashboard/route.ts:32
 msgid "Update"
 msgstr ""
 
@@ -79,6 +114,10 @@ msgid ""
 "so you can roll back immediately if there are any issues!"
 msgstr ""
 
+#: src/views/app/route.ts:19
+msgid "Apps"
+msgstr ""
+
 #: src/views/app/VersionModal.vue:71
 msgid "Channel"
 msgstr ""
@@ -92,16 +131,28 @@ msgid "Please select a channel"
 msgstr ""
 
 #: src/views/app/VersionModal.vue:89 src/views/backup/ListView.vue:237
-#: src/views/backup/ListView.vue:257 src/views/cert/CreateAccountModal.vue:114
+#: src/views/backup/ListView.vue:257 src/views/cert/AccountView.vue:258
+#: src/views/cert/CertView.vue:513 src/views/cert/CertView.vue:537
+#: src/views/cert/CreateAccountModal.vue:114
 #: src/views/cert/CreateCertModal.vue:111 src/views/cert/CreateDnsModal.vue:173
-#: src/views/cert/ObtainModal.vue:126 src/views/cert/UploadCertModal.vue:55
+#: src/views/cert/DnsView.vue:370 src/views/cert/ObtainModal.vue:126
+#: src/views/cert/UploadCertModal.vue:55
+#: src/views/container/ComposeView.vue:326
+#: src/views/container/ComposeView.vue:356
+#: src/views/container/ContainerCreate.vue:355
+#: src/views/container/ContainerView.vue:478
+#: src/views/container/ImageView.vue:216
+#: src/views/container/NetworkView.vue:310
+#: src/views/container/VolumeView.vue:210
 #: src/views/database/CreateDatabaseModal.vue:127
 #: src/views/file/ToolBar.vue:261 src/views/file/ToolBar.vue:282
 msgid "Submit"
 msgstr ""
 
 #: src/views/backup/IndexView.vue:37 src/views/backup/ListView.vue:217
-#: src/views/backup/ListView.vue:250 src/views/cert/CreateCertModal.vue:86
+#: src/views/backup/ListView.vue:250 src/views/cert/CertView.vue:464
+#: src/views/cert/CertView.vue:527 src/views/cert/CreateCertModal.vue:86
+#: src/views/dashboard/IndexView.vue:418
 msgid "Website"
 msgstr ""
 
@@ -109,7 +160,7 @@ msgstr ""
 msgid "Filename"
 msgstr ""
 
-#: src/views/backup/ListView.vue:43
+#: src/views/backup/ListView.vue:43 src/views/container/ImageView.vue:53
 msgid "Size"
 msgstr ""
 
@@ -125,15 +176,29 @@ msgstr ""
 msgid "Are you sure you want to delete this backup?"
 msgstr ""
 
-#: src/views/backup/ListView.vue:99 src/views/database/DatabaseList.vue:99
+#: src/views/backup/ListView.vue:99 src/views/cert/AccountView.vue:128
+#: src/views/cert/CertView.vue:316 src/views/cert/DnsView.vue:112
+#: src/views/container/ComposeView.vue:208
+#: src/views/container/ContainerCreate.vue:229
+#: src/views/container/ContainerCreate.vue:276
+#: src/views/container/ContainerView.vue:157
+#: src/views/container/ContainerView.vue:411
+#: src/views/container/ImageView.vue:95 src/views/container/NetworkView.vue:135
+#: src/views/container/VolumeView.vue:89 src/views/database/DatabaseList.vue:99
 #: src/views/database/ServerList.vue:212 src/views/file/ToolBar.vue:238
+#: src/views/website/IndexView.vue:169
 msgid "Delete"
 msgstr ""
 
 #: src/views/backup/ListView.vue:126 src/views/cert/CreateAccountModal.vue:49
 #: src/views/cert/CreateCertModal.vue:50 src/views/cert/CreateDnsModal.vue:35
 #: src/views/cert/UploadCertModal.vue:21
+#: src/views/container/ComposeView.vue:234
+#: src/views/container/ContainerCreate.vue:106
+#: src/views/container/NetworkView.vue:175
+#: src/views/container/VolumeView.vue:129
 #: src/views/database/CreateDatabaseModal.vue:28 src/views/file/ToolBar.vue:45
+#: src/views/website/IndexView.vue:309
 msgid "Created successfully"
 msgstr ""
 
@@ -147,6 +212,7 @@ msgstr ""
 
 #: src/views/backup/ListView.vue:149 src/views/database/DatabaseList.vue:124
 #: src/views/database/ServerList.vue:237 src/views/file/ToolBar.vue:189
+#: src/views/website/IndexView.vue:270 src/views/website/IndexView.vue:324
 msgid "Deleted successfully"
 msgstr ""
 
@@ -164,7 +230,8 @@ msgstr ""
 
 #: src/views/backup/ListView.vue:220
 #: src/views/database/CreateDatabaseModal.vue:70
-#: src/views/database/DatabaseList.vue:35
+#: src/views/database/DatabaseList.vue:35 src/views/website/IndexView.vue:468
+#: src/views/website/IndexView.vue:473
 msgid "Database Name"
 msgstr ""
 
@@ -185,7 +252,8 @@ msgstr ""
 msgid "Restore Backup"
 msgstr ""
 
-#: src/views/backup/ListView.vue:253 src/views/database/IndexView.vue:45
+#: src/views/backup/ListView.vue:253 src/views/dashboard/IndexView.vue:422
+#: src/views/database/IndexView.vue:45 src/views/website/IndexView.vue:447
 msgid "Database"
 msgstr ""
 
@@ -206,60 +274,239 @@ msgid ""
 "For large files, it is recommended to use SFTP or other methods to upload"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:38
+#: src/views/cert/AccountView.vue:44 src/views/cert/AccountView.vue:233
+#: src/views/cert/CreateAccountModal.vue:89
+msgid "Email"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:72 src/views/cert/AccountView.vue:225
+#: src/views/cert/CertView.vue:456 src/views/cert/CreateAccountModal.vue:81
+#: src/views/cert/CreateCertModal.vue:78
+msgid "Key Type"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:102 src/views/cert/CertView.vue:290
+#: src/views/cert/DnsView.vue:86 src/views/database/ServerList.vue:183
+msgid "Modify"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:110 src/views/cert/CertView.vue:299
+#: src/views/cert/DnsView.vue:95
+msgid "Deletion successful"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:117
+msgid "Are you sure you want to delete the account?"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:150 src/views/cert/CreateAccountModal.vue:38
 msgid "Registering account with CA, please wait patiently"
 msgstr ""
 
+#: src/views/cert/AccountView.vue:160 src/views/cert/CertView.vue:350
+#: src/views/cert/CertView.vue:367 src/views/cert/DnsView.vue:140
+#: src/views/container/ComposeView.vue:252
+msgid "Update successful"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:205
+msgid "Modify Account"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:212 src/views/cert/CreateAccountModal.vue:68
+msgid ""
+"Google and SSL.com require obtaining KID and HMAC from their official "
+"websites first"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:214
+msgid ""
+"Google is not accessible in mainland China, other CAs depend on network "
+"conditions, recommend using GoogleCN or Let's Encrypt"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:217 src/views/cert/CreateAccountModal.vue:73
+msgid "CA"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:220 src/views/cert/CreateAccountModal.vue:76
+msgid "Select CA"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:228 src/views/cert/CertView.vue:459
+#: src/views/cert/CreateAccountModal.vue:84
+#: src/views/cert/CreateCertModal.vue:81
+msgid "Select key type"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:238 src/views/cert/CreateAccountModal.vue:94
+msgid "Enter email address"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:246 src/views/cert/CreateAccountModal.vue:102
+msgid "Enter KID"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:254 src/views/cert/CreateAccountModal.vue:110
+msgid "Enter HMAC"
+msgstr ""
+
+#: src/views/cert/CertView.vue:64 src/views/cert/CertView.vue:448
+#: src/views/cert/CreateCertModal.vue:70 src/views/cert/ObtainModal.vue:53
+#: src/views/website/IndexView.vue:412
+msgid "Domain"
+msgstr ""
+
+#: src/views/cert/CertView.vue:70 src/views/cert/CertView.vue:124
+#: src/views/cert/CertView.vue:135 src/views/cert/CertView.vue:154
+#: src/views/container/ContainerCreate.vue:55
+#: src/views/database/ServerList.vue:52 src/views/database/ServerList.vue:67
+msgid "None"
+msgstr ""
+
+#: src/views/cert/CertView.vue:87 src/views/cert/DnsView.vue:38
+#: src/views/cert/ObtainModal.vue:54 src/views/database/DatabaseList.vue:12
+#: src/views/database/ServerList.vue:17
+msgid "Type"
+msgstr ""
+
+#: src/views/cert/CertView.vue:109 src/views/file/ToolBar.vue:221
+msgid "Upload"
+msgstr ""
+
+#: src/views/cert/CertView.vue:117
+msgid "Associated Account"
+msgstr ""
+
+#: src/views/cert/CertView.vue:130
+msgid "Issuer"
+msgstr ""
+
+#: src/views/cert/CertView.vue:139
+msgid "Expiration Time"
+msgstr ""
+
+#: src/views/cert/CertView.vue:167
+msgid "Auto Renew"
+msgstr ""
+
+#: src/views/cert/CertView.vue:202 src/views/cert/ObtainModal.vue:74
+msgid "Issue"
+msgstr ""
+
+#: src/views/cert/CertView.vue:221
+msgid "Deploy"
+msgstr ""
+
+#: src/views/cert/CertView.vue:233 src/views/cert/ObtainModal.vue:24
+#: src/views/cert/ObtainModal.vue:77
+msgid "Please wait..."
+msgstr ""
+
+#: src/views/cert/CertView.vue:239
+msgid "Renewal successful"
+msgstr ""
+
+#: src/views/cert/CertView.vue:247
+msgid "Renew"
+msgstr ""
+
+#: src/views/cert/CertView.vue:265
+msgid "View"
+msgstr ""
+
+#: src/views/cert/CertView.vue:305
+msgid "Are you sure you want to delete the certificate?"
+msgstr ""
+
+#: src/views/cert/CertView.vue:391
+msgid "Deployment successful"
+msgstr ""
+
+#: src/views/cert/CertView.vue:437
+msgid "Modify Certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:445
+msgid ""
+"You can automatically issue and deploy certificates by selecting any website/"
+"DNS, or manually enter domain names and set DNS resolution to issue "
+"certificates, or fill in deployment scripts to automatically deploy "
+"certificates."
+msgstr ""
+
+#: src/views/cert/CertView.vue:467 src/views/cert/CreateCertModal.vue:89
+msgid "Select website for certificate deployment"
+msgstr ""
+
+#: src/views/cert/CertView.vue:472 src/views/cert/CreateCertModal.vue:94
+msgid "Account"
+msgstr ""
+
+#: src/views/cert/CertView.vue:475 src/views/cert/CreateCertModal.vue:97
+msgid "Select account for certificate issuance"
+msgstr ""
+
+#: src/views/cert/CertView.vue:480 src/views/cert/CreateCertModal.vue:102
+#: src/views/cert/CreateDnsModal.vue:55 src/views/cert/DnsView.vue:193
+msgid "DNS"
+msgstr ""
+
+#: src/views/cert/CertView.vue:483 src/views/cert/CreateCertModal.vue:105
+msgid "Select DNS for certificate issuance"
+msgstr ""
+
+#: src/views/cert/CertView.vue:488 src/views/cert/CertView.vue:551
+#: src/views/cert/route.ts:19 src/views/cert/UploadCertModal.vue:38
+#: src/views/setting/SettingHttps.vue:39
+msgid "Certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:492 src/views/cert/UploadCertModal.vue:42
+msgid "Enter the content of the PEM certificate file"
+msgstr ""
+
+#: src/views/cert/CertView.vue:496 src/views/cert/CertView.vue:563
+#: src/views/cert/UploadCertModal.vue:46 src/views/setting/SettingHttps.vue:46
+msgid "Private Key"
+msgstr ""
+
+#: src/views/cert/CertView.vue:500 src/views/cert/UploadCertModal.vue:50
+msgid "Enter the content of the KEY private key file"
+msgstr ""
+
+#: src/views/cert/CertView.vue:504
+msgid "Deployment Script"
+msgstr ""
+
+#: src/views/cert/CertView.vue:508
+msgid ""
+"The {cert} and {key} in the script will be replaced with the certificate and "
+"private key content"
+msgstr ""
+
+#: src/views/cert/CertView.vue:519
+msgid "Deploy Certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:530
+msgid "Select websites to deploy the certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:543
+msgid "View Certificate"
+msgstr ""
+
 #: src/views/cert/CreateAccountModal.vue:61 src/views/cert/IndexView.vue:106
 msgid "Create Account"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:68
-msgid ""
-"Google and SSL.com require obtaining KID and HMAC from their official "
-"websites first"
-msgstr ""
-
 #: src/views/cert/CreateAccountModal.vue:70
 msgid ""
 "Google is not accessible in mainland China, and other CAs depend on network "
 "conditions. GoogleCN or Let's Encrypt are recommended"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:73
-msgid "CA"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:76
-msgid "Select CA"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:81
-#: src/views/cert/CreateCertModal.vue:78
-msgid "Key Type"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:84
-#: src/views/cert/CreateCertModal.vue:81
-msgid "Select key type"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:89
-msgid "Email"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:94
-msgid "Enter email address"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:102
-msgid "Enter KID"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:110
-msgid "Enter HMAC"
-msgstr ""
-
 #: src/views/cert/CreateCertModal.vue:59 src/views/cert/IndexView.vue:102
 msgid "Create Certificate"
 msgstr ""
@@ -271,30 +518,6 @@ msgid ""
 "resolution to issue certificates"
 msgstr ""
 
-#: src/views/cert/CreateCertModal.vue:70 src/views/cert/ObtainModal.vue:53
-msgid "Domain"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:89
-msgid "Select website for certificate deployment"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:94
-msgid "Account"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:97
-msgid "Select account for certificate issuance"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:102 src/views/cert/CreateDnsModal.vue:55
-msgid "DNS"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:105
-msgid "Select DNS for certificate issuance"
-msgstr ""
-
 #: src/views/cert/CreateDnsModal.vue:44 src/views/cert/IndexView.vue:110
 msgid "Create DNS"
 msgstr ""
@@ -307,31 +530,31 @@ msgstr ""
 msgid "Enter comment name"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:58
+#: src/views/cert/CreateDnsModal.vue:58 src/views/cert/DnsView.vue:196
 msgid "Select DNS"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:64
+#: src/views/cert/CreateDnsModal.vue:64 src/views/cert/DnsView.vue:205
 msgid "Enter Aliyun Access Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:67
+#: src/views/cert/CreateDnsModal.vue:67 src/views/cert/DnsView.vue:212
 msgid "Enter Aliyun Secret Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:70
+#: src/views/cert/CreateDnsModal.vue:70 src/views/cert/DnsView.vue:219
 msgid "Enter Tencent Cloud SecretId"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:73
+#: src/views/cert/CreateDnsModal.vue:73 src/views/cert/DnsView.vue:226
 msgid "Enter Tencent Cloud SecretKey"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:76
+#: src/views/cert/CreateDnsModal.vue:76 src/views/cert/DnsView.vue:233
 msgid "Enter Huawei Cloud AccessKeyId"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:82
+#: src/views/cert/CreateDnsModal.vue:82 src/views/cert/DnsView.vue:240
 msgid "Enter Huawei Cloud SecretAccessKey"
 msgstr ""
 
@@ -343,43 +566,43 @@ msgstr ""
 msgid "Enter Western Digital API Password"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:99
+#: src/views/cert/CreateDnsModal.vue:99 src/views/cert/DnsView.vue:261
 msgid "Enter Cloudflare API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:103
+#: src/views/cert/CreateDnsModal.vue:103 src/views/cert/DnsView.vue:268
 msgid "Enter GoDaddy Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:106
+#: src/views/cert/CreateDnsModal.vue:106 src/views/cert/DnsView.vue:275
 msgid "Enter G-Core API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:109
+#: src/views/cert/CreateDnsModal.vue:109 src/views/cert/DnsView.vue:282
 msgid "Enter Porkbun API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:115
+#: src/views/cert/CreateDnsModal.vue:115 src/views/cert/DnsView.vue:289
 msgid "Enter Porkbun Secret Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:122
+#: src/views/cert/CreateDnsModal.vue:122 src/views/cert/DnsView.vue:296
 msgid "Enter Namecheap API Username"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:126
+#: src/views/cert/CreateDnsModal.vue:126 src/views/cert/DnsView.vue:303
 msgid "Enter Namecheap API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:132
+#: src/views/cert/CreateDnsModal.vue:132 src/views/cert/DnsView.vue:310
 msgid "Enter NameSilo API Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:136
+#: src/views/cert/CreateDnsModal.vue:136 src/views/cert/DnsView.vue:317
 msgid "Enter Name.com Username"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:139
+#: src/views/cert/CreateDnsModal.vue:139 src/views/cert/DnsView.vue:324
 msgid "Enter Name.com Token"
 msgstr ""
 
@@ -387,26 +610,58 @@ msgstr ""
 msgid "Enter ClouDNS Auth ID (use Sub Auth ID by adding sub-prefix)"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:153
+#: src/views/cert/CreateDnsModal.vue:153 src/views/cert/DnsView.vue:338
 msgid "Enter ClouDNS Auth Password"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:157
+#: src/views/cert/CreateDnsModal.vue:157 src/views/cert/DnsView.vue:345
 msgid "Enter Duck DNS Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:163
+#: src/views/cert/CreateDnsModal.vue:163 src/views/cert/DnsView.vue:352
 msgid "Enter Hetzner Auth API Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:167
+#: src/views/cert/CreateDnsModal.vue:167 src/views/cert/DnsView.vue:359
 msgid "Enter Linode Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:170
+#: src/views/cert/CreateDnsModal.vue:170 src/views/cert/DnsView.vue:366
 msgid "Enter Vercel Token"
 msgstr ""
 
+#: src/views/cert/DnsView.vue:31 src/views/cert/DnsView.vue:190
+msgid "Note Name"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:56
+msgid "Unknown"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:101
+msgid "Are you sure you want to delete the DNS?"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:182
+msgid "Modify DNS"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:191
+msgid "Enter note name"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:247
+msgid "Enter West.cn Username"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:254
+msgid "Enter West.cn API Password"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:331
+msgid "Enter ClouDNS Auth ID (Add sub- prefix for Sub Auth ID)"
+msgstr ""
+
 #: src/views/cert/IndexView.vue:98 src/views/cert/UploadCertModal.vue:30
 msgid "Upload Certificate"
 msgstr ""
@@ -435,10 +690,6 @@ msgstr ""
 msgid "Self-signed"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:24 src/views/cert/ObtainModal.vue:77
-msgid "Please wait..."
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:33 src/views/cert/ObtainModal.vue:85
 #: src/views/cert/ObtainModal.vue:103
 msgid "Issuance successful"
@@ -454,11 +705,6 @@ msgstr ""
 msgid "DNS Records to Set"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:54 src/views/database/DatabaseList.vue:12
-#: src/views/database/ServerList.vue:17
-msgid "Type"
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:55
 msgid "Host Record"
 msgstr ""
@@ -467,10 +713,6 @@ msgstr ""
 msgid "Record Value"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:74
-msgid "Issue"
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:116
 msgid "Issue Certificate"
 msgstr ""
@@ -479,21 +721,818 @@ msgstr ""
 msgid "Issuance Mode"
 msgstr ""
 
-#: src/views/cert/route.ts:19 src/views/cert/UploadCertModal.vue:38
-#: src/views/setting/SettingHttps.vue:39
-msgid "Certificate"
+#: src/views/container/ComposeView.vue:31
+#: src/views/container/NetworkView.vue:45 src/views/container/VolumeView.vue:26
+#: src/views/database/ServerList.vue:40 src/views/file/ToolBar.vue:257
+msgid "Name"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:42
-msgid "Enter the content of the PEM certificate file"
+#: src/views/container/ComposeView.vue:38 src/views/website/IndexView.vue:44
+#: src/views/website/IndexView.vue:504
+msgid "Directory"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:46 src/views/setting/SettingHttps.vue:46
-msgid "Private Key"
+#: src/views/container/ComposeView.vue:58
+#: src/views/container/ContainerView.vue:32
+#: src/views/database/ServerList.vue:114
+msgid "Status"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:50
-msgid "Enter the content of the KEY private key file"
+#: src/views/container/ComposeView.vue:65 src/views/container/ImageView.vue:60
+#: src/views/container/NetworkView.vue:100
+#: src/views/container/VolumeView.vue:54
+msgid "Creation Time"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:97 src/views/website/IndexView.vue:111
+msgid "Edit"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:105
+msgid "Starting..."
+msgstr ""
+
+#: src/views/container/ComposeView.vue:112
+#: src/views/container/ContainerView.vue:238
+#: src/views/container/ContainerView.vue:302
+msgid "Start successful"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:128
+msgid "Are you sure you want to start compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:135
+msgid "Force pull images"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:150
+#: src/views/container/ContainerView.vue:127
+#: src/views/container/ContainerView.vue:405
+msgid "Start"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:162
+#: src/views/container/ContainerView.vue:245
+#: src/views/container/ContainerView.vue:316
+msgid "Stop successful"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:168
+msgid "Are you sure you want to stop compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:179
+#: src/views/container/ContainerView.vue:132
+#: src/views/container/ContainerView.vue:406
+msgid "Stop"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:191
+#: src/views/container/ContainerView.vue:280
+#: src/views/container/ContainerView.vue:358
+#: src/views/container/ImageView.vue:119
+#: src/views/container/NetworkView.vue:159
+#: src/views/container/VolumeView.vue:113
+msgid "Delete successful"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:197
+msgid "Are you sure you want to delete compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:273
+#: src/views/container/ComposeView.vue:299
+msgid "Create Compose"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:306
+msgid "Compose Name"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:309
+#: src/views/container/ComposeView.vue:339 src/views/container/IndexView.vue:24
+msgid "Compose"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:316
+#: src/views/container/ComposeView.vue:346
+#: src/views/container/ContainerCreate.vue:337
+msgid "Environment Variables"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:320
+#: src/views/container/ComposeView.vue:350
+#: src/views/container/ContainerCreate.vue:341
+msgid "Variable Name"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:321
+#: src/views/container/ComposeView.vue:351
+#: src/views/container/ContainerCreate.vue:342
+msgid "Variable Value"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:332
+msgid "Edit Compose"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:56
+msgid "Always"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:57
+msgid "On failure (default 5 retries)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:58
+msgid "Unless stopped"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:127
+#: src/views/container/ContainerView.vue:402
+msgid "Create Container"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:137
+#: src/views/container/ContainerView.vue:25
+msgid "Container Name"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:140
+#: src/views/container/ContainerView.vue:52
+#: src/views/container/ImageView.vue:36
+msgid "Image"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:143
+msgid "Ports"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:149
+msgid "Map Ports"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:156
+msgid "Expose All"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:159
+msgid "Port Mapping"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:165
+msgid "Host (Start)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:166
+msgid "Host (End)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:167
+msgid "Container (Start)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:168
+msgid "Container (End)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:169
+msgid "Protocol"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:180
+msgid "Optional"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:233
+#: src/views/container/ContainerCreate.vue:280
+msgid "Add"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:236
+#: src/views/dashboard/IndexView.vue:794
+msgid "Network"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:239
+msgid "Mount"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:244
+msgid "Host Directory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:245
+msgid "Container Directory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:246 src/views/file/ToolBar.vue:235
+msgid "Permission"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:265
+msgid "Read-Write"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:273
+msgid "Read-Only"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:283
+#: src/views/container/ContainerCreate.vue:284
+msgid "Command"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:286
+#: src/views/container/ContainerCreate.vue:287
+msgid "Entrypoint"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:291
+#: src/views/dashboard/IndexView.vue:530
+msgid "Memory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:301
+msgid "CPU Shares"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:308
+msgid "TTY (-t)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:313
+msgid "STDIN (-i)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:318
+msgid "Auto Remove"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:323
+msgid "Privileged Mode"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:328
+msgid "Restart Policy"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:331
+#: src/views/container/ContainerCreate.vue:334
+msgid "Select restart policy"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:345
+#: src/views/container/NetworkView.vue:292
+#: src/views/container/VolumeView.vue:192
+msgid "Labels"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:349
+#: src/views/container/NetworkView.vue:296
+#: src/views/container/VolumeView.vue:196
+msgid "Label Name"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:350
+#: src/views/container/NetworkView.vue:297
+#: src/views/container/VolumeView.vue:197
+msgid "Label Value"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:63
+msgid "Ports (Host->Container)"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:80
+msgid "Running Status"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:103
+#: src/views/container/ContainerView.vue:439
+msgid "Logs"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:119
+#: src/views/container/ContainerView.vue:462
+msgid "Rename"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:137
+#: src/views/container/ContainerView.vue:407
+#: src/views/dashboard/IndexView.vue:444
+msgid "Restart"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:142
+#: src/views/container/ContainerView.vue:408
+msgid "Force Stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:147
+#: src/views/container/ContainerView.vue:409
+msgid "Pause"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:152
+#: src/views/container/ContainerView.vue:410
+msgid "Resume"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:197
+msgid "More"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:230
+msgid "Rename successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:252
+#: src/views/container/ContainerView.vue:330
+msgid "Restart successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:259
+#: src/views/container/ContainerView.vue:344
+msgid "Force stop successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:266
+#: src/views/container/ContainerView.vue:372
+msgid "Pause successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:273
+#: src/views/container/ContainerView.vue:386
+msgid "Resume successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:287
+#: src/views/container/ImageView.vue:126
+#: src/views/container/NetworkView.vue:166
+#: src/views/container/VolumeView.vue:120
+msgid "Cleanup successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:293
+msgid "Please select containers to start"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:307
+msgid "Please select containers to stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:321
+msgid "Please select containers to restart"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:335
+msgid "Please select containers to force stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:349
+msgid "Please select containers to delete"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:363
+msgid "Please select containers to pause"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:377
+msgid "Please select containers to resume"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:403
+msgid "Cleanup Containers"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:469
+msgid "New Name"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:474
+msgid "Enter new name"
+msgstr ""
+
+#: src/views/container/ImageView.vue:29
+msgid "Container Count"
+msgstr ""
+
+#: src/views/container/ImageView.vue:85 src/views/container/NetworkView.vue:125
+#: src/views/container/VolumeView.vue:79
+msgid "Are you sure you want to delete?"
+msgstr ""
+
+#: src/views/container/ImageView.vue:135
+msgid "Pull successful"
+msgstr ""
+
+#: src/views/container/ImageView.vue:151 src/views/container/ImageView.vue:179
+msgid "Pull Image"
+msgstr ""
+
+#: src/views/container/ImageView.vue:152
+msgid "Cleanup Images"
+msgstr ""
+
+#: src/views/container/ImageView.vue:186
+msgid "Image Name"
+msgstr ""
+
+#: src/views/container/ImageView.vue:191
+msgid "docker.io/php:8.3-fpm"
+msgstr ""
+
+#: src/views/container/ImageView.vue:194
+msgid "Authentication"
+msgstr ""
+
+#: src/views/container/ImageView.vue:197
+#: src/views/database/CreateDatabaseModal.vue:89
+#: src/views/database/ServerList.vue:47 src/views/login/IndexView.vue:113
+#: src/views/setting/SettingBase.vue:63
+msgid "Username"
+msgstr ""
+
+#: src/views/container/ImageView.vue:202
+#: src/views/database/CreateDatabaseModal.vue:94
+msgid "Enter username"
+msgstr ""
+
+#: src/views/container/ImageView.vue:205
+#: src/views/database/CreateDatabaseModal.vue:97
+#: src/views/database/ServerList.vue:56 src/views/login/IndexView.vue:121
+#: src/views/setting/SettingBase.vue:69
+msgid "Password"
+msgstr ""
+
+#: src/views/container/ImageView.vue:211
+#: src/views/database/CreateDatabaseModal.vue:103
+msgid "Enter password"
+msgstr ""
+
+#: src/views/container/IndexView.vue:21
+msgid "Containers"
+msgstr ""
+
+#: src/views/container/IndexView.vue:27
+msgid "Images"
+msgstr ""
+
+#: src/views/container/IndexView.vue:30
+msgid "Networks"
+msgstr ""
+
+#: src/views/container/IndexView.vue:33
+msgid "Volumes"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:52
+#: src/views/container/NetworkView.vue:229
+#: src/views/container/VolumeView.vue:33 src/views/container/VolumeView.vue:183
+msgid "Driver"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:59 src/views/container/VolumeView.vue:40
+msgid "Scope"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:66
+#: src/views/container/NetworkView.vue:241
+#: src/views/container/NetworkView.vue:268
+msgid "Subnet"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:83
+#: src/views/container/NetworkView.vue:249
+#: src/views/container/NetworkView.vue:276
+msgid "Gateway"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:191
+#: src/views/container/NetworkView.vue:219
+msgid "Create Network"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:192
+msgid "Cleanup Networks"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:226
+msgid "Network Name"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:246
+#: src/views/container/NetworkView.vue:262
+msgid "172.16.10.0/24"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:254
+msgid "172.16.10.254"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:257
+#: src/views/container/NetworkView.vue:284
+msgid "IP Range"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:273
+msgid "2408:400e::/48"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:281
+msgid "2408:400e::1"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:289
+msgid "2408:400e::/64"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:300
+#: src/views/container/VolumeView.vue:200
+msgid "Options"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:304
+#: src/views/container/VolumeView.vue:204
+msgid "Option Name"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:305
+#: src/views/container/VolumeView.vue:205
+msgid "Option Value"
+msgstr ""
+
+#: src/views/container/route.ts:19
+msgid "Container"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:47 src/views/dashboard/IndexView.vue:641
+msgid "Mount Point"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:145
+#: src/views/container/VolumeView.vue:173
+msgid "Create Volume"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:146
+msgid "Cleanup Volumes"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:180
+msgid "Volume Name"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:129
+msgid "Running blocked"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:131
+msgid "Running slowly"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:133
+msgid "Running normally"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:135
+msgid "Running smoothly"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:321
+msgid "Panel restarting..."
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:323
+msgid "Panel restarted successfully"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:335
+msgid "Current version is the latest"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:431
+msgid "Scheduled Tasks"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:436
+msgid "Rat Panel"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:440
+msgid "Sponsor Support"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:446
+msgid "Are you sure you want to restart the panel?"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:454
+msgid "Resource Overview"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:459
+msgid "Load Status"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:471
+msgid "Last 1 minute"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:478
+msgid "Last 5 minutes"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:485
+msgid "Last 15 minutes"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:503 src/views/dashboard/IndexView.vue:514
+msgid "cores"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:508
+msgid "Model"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:512
+msgid "Parameters"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:515
+msgid "cache"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:521
+msgid "Usage"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:522
+msgid "Frequency"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:542
+msgid "Active"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:548
+msgid "Inactive"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:554
+msgid "Free"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:560
+msgid "Shared"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:566
+msgid "Committed"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:572
+msgid "Commit Limit"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:578
+msgid "SWAP Size"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:584
+msgid "SWAP Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:590
+msgid "SWAP Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:596
+msgid "Physical Memory Size"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:602
+msgid "Physical Memory Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:608
+msgid "Physical Memory Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:645
+msgid "File System"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:649
+msgid "Inodes Usage"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:653
+msgid "Inodes Total"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:657
+msgid "Inodes Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:661
+msgid "Inodes Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:678
+msgid "Quick Apps"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:721
+msgid "You have not set any apps to display here!"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:725
+msgid "Environment Information"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:728
+msgid "System Hostname"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:730 src/views/dashboard/IndexView.vue:738
+#: src/views/dashboard/IndexView.vue:745 src/views/dashboard/IndexView.vue:751
+#: src/views/dashboard/IndexView.vue:762 src/views/dashboard/IndexView.vue:774
+msgid "Loading..."
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:734
+msgid "System Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:743
+msgid "System Kernel Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:749
+msgid "System Uptime"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:755
+msgid "Panel Internal Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:767
+msgid "Panel Compile Information"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:784
+msgid "Real-time Monitoring"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:795 src/views/dashboard/IndexView.vue:815
+msgid "Disk"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:798
+msgid "Unit"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:806
+msgid "Network Card"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:826
+msgid "Total Sent"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:828
+msgid "Total Received"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:831
+msgid "Real-time Sent"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:835
+msgid "Real-time Received"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:839
+msgid "Read"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:840
+msgid "Write"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:842
+msgid "Real-time Read/Write"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:845
+msgid "Read/Write Latency"
+msgstr ""
+
+#: src/views/dashboard/route.ts:20
+msgid "Dashboard"
 msgstr ""
 
 #: src/views/dashboard/UpdateView.vue:24
@@ -572,26 +1611,6 @@ msgstr ""
 msgid "Enter authorized username (leave empty for no authorization)"
 msgstr ""
 
-#: src/views/database/CreateDatabaseModal.vue:89
-#: src/views/database/ServerList.vue:47 src/views/login/IndexView.vue:113
-#: src/views/setting/SettingBase.vue:63
-msgid "Username"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:94
-msgid "Enter username"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:97
-#: src/views/database/ServerList.vue:56 src/views/login/IndexView.vue:121
-#: src/views/setting/SettingBase.vue:69
-msgid "Password"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:103
-msgid "Enter password"
-msgstr ""
-
 #: src/views/database/CreateDatabaseModal.vue:106
 #: src/views/database/ServerList.vue:87
 msgid "Host"
@@ -622,7 +1641,8 @@ msgid "Are you sure you want to delete this database?"
 msgstr ""
 
 #: src/views/database/DatabaseList.vue:130
-#: src/views/database/ServerList.vue:243
+#: src/views/database/ServerList.vue:243 src/views/website/IndexView.vue:253
+#: src/views/website/IndexView.vue:279
 msgid "Modified successfully"
 msgstr ""
 
@@ -634,14 +1654,6 @@ msgstr ""
 msgid "User"
 msgstr ""
 
-#: src/views/database/ServerList.vue:40 src/views/file/ToolBar.vue:257
-msgid "Name"
-msgstr ""
-
-#: src/views/database/ServerList.vue:52 src/views/database/ServerList.vue:67
-msgid "None"
-msgstr ""
-
 #: src/views/database/ServerList.vue:76 src/views/file/ToolBar.vue:145
 #: src/views/file/ToolBar.vue:165
 msgid "Copied successfully"
@@ -651,10 +1663,6 @@ msgstr ""
 msgid "Copy"
 msgstr ""
 
-#: src/views/database/ServerList.vue:114
-msgid "Status"
-msgstr ""
-
 #: src/views/database/ServerList.vue:121
 msgid "Valid"
 msgstr ""
@@ -677,10 +1685,6 @@ msgstr ""
 msgid "Sync"
 msgstr ""
 
-#: src/views/database/ServerList.vue:183
-msgid "Modify"
-msgstr ""
-
 #: src/views/database/ServerList.vue:193
 msgid ""
 "Built-in servers cannot be deleted. If you need to delete them, please "
@@ -760,10 +1764,6 @@ msgstr ""
 msgid "New"
 msgstr ""
 
-#: src/views/file/ToolBar.vue:221
-msgid "Upload"
-msgstr ""
-
 #: src/views/file/ToolBar.vue:222 src/views/file/ToolBar.vue:267
 msgid "Remote Download"
 msgstr ""
@@ -780,10 +1780,6 @@ msgstr ""
 msgid "Compress"
 msgstr ""
 
-#: src/views/file/ToolBar.vue:235
-msgid "Permission"
-msgstr ""
-
 #: src/views/file/ToolBar.vue:240
 msgid "Are you sure you want to delete in bulk?"
 msgstr ""
@@ -856,7 +1852,7 @@ msgstr ""
 msgid "admin@example.com"
 msgstr ""
 
-#: src/views/setting/SettingBase.vue:81
+#: src/views/setting/SettingBase.vue:81 src/views/website/IndexView.vue:423
 msgid "Port"
 msgstr ""
 
@@ -899,3 +1895,110 @@ msgstr ""
 #: src/views/setting/SettingHttps.vue:36
 msgid "Panel HTTPS"
 msgstr ""
+
+#: src/views/website/IndexView.vue:23 src/views/website/IndexView.vue:398
+msgid "Website Name"
+msgstr ""
+
+#: src/views/website/IndexView.vue:30
+msgid "Running"
+msgstr ""
+
+#: src/views/website/IndexView.vue:78 src/views/website/IndexView.vue:516
+#: src/views/website/IndexView.vue:521
+msgid "Remark"
+msgstr ""
+
+#: src/views/website/IndexView.vue:135
+msgid "Are you sure you want to delete website %{ name }?"
+msgstr ""
+
+#: src/views/website/IndexView.vue:146
+msgid "Delete website directory"
+msgstr ""
+
+#: src/views/website/IndexView.vue:154
+msgid "Delete local database with the same name"
+msgstr ""
+
+#: src/views/website/IndexView.vue:210
+msgid "Not used"
+msgstr ""
+
+#: src/views/website/IndexView.vue:240
+msgid "Already %{ status }"
+msgstr ""
+
+#: src/views/website/IndexView.vue:241
+msgid "started"
+msgstr ""
+
+#: src/views/website/IndexView.vue:241
+msgid "stopped"
+msgstr ""
+
+#: src/views/website/IndexView.vue:315
+msgid "Please select the websites to delete"
+msgstr ""
+
+#: src/views/website/IndexView.vue:348 src/views/website/IndexView.vue:389
+msgid "Create Website"
+msgstr ""
+
+#: src/views/website/IndexView.vue:352
+msgid "Batch Delete"
+msgstr ""
+
+#: src/views/website/IndexView.vue:355
+msgid ""
+"This will delete the website directory but not the database with the same "
+"name. Are you sure you want to delete the selected websites?"
+msgstr ""
+
+#: src/views/website/IndexView.vue:361 src/views/website/IndexView.vue:532
+msgid "Modify Default Page"
+msgstr ""
+
+#: src/views/website/IndexView.vue:404
+msgid ""
+"Recommended to use English for the website name, it cannot be modified after "
+"setting"
+msgstr ""
+
+#: src/views/website/IndexView.vue:435
+msgid "PHP Version"
+msgstr ""
+
+#: src/views/website/IndexView.vue:439
+msgid "Select PHP Version"
+msgstr ""
+
+#: src/views/website/IndexView.vue:451
+msgid "Select Database"
+msgstr ""
+
+#: src/views/website/IndexView.vue:479 src/views/website/IndexView.vue:484
+msgid "Database User"
+msgstr ""
+
+#: src/views/website/IndexView.vue:493 src/views/website/IndexView.vue:499
+msgid "Database Password"
+msgstr ""
+
+#: src/views/website/IndexView.vue:510
+msgid ""
+"Website root directory (if left empty, defaults to website directory/website "
+"name)"
+msgstr ""
+
+#: src/views/website/IndexView.vue:526
+msgid "Create"
+msgstr ""
+
+#: src/views/website/IndexView.vue:540
+msgid "Default Page"
+msgstr ""
+
+#: src/views/website/IndexView.vue:554
+msgid "Stop Page"
+msgstr ""
diff --git a/web/src/locales/zh_TW.po b/web/src/locales/zh_TW.po
index 3ffc63fb..0b32027e 100644
--- a/web/src/locales/zh_TW.po
+++ b/web/src/locales/zh_TW.po
@@ -8,6 +8,33 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
+#: src/layout/sidebar/components/SideSetting.vue:63
+#: src/layout/sidebar/components/SideSetting.vue:68
+msgid "Menu Settings"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:80
+msgid ""
+"Settings are saved in the browser and will be reset after clearing the "
+"browser cache"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:85
+msgid "Custom Logo"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:88
+msgid "Please enter the complete URL"
+msgstr ""
+
+#: src/layout/sidebar/components/SideSetting.vue:91
+msgid "Hide Menu"
+msgstr ""
+
+#: src/router/routes/index.ts:18
+msgid "Login Page"
+msgstr ""
+
 #: src/views/app/IndexView.vue:19 src/views/app/IndexView.vue:159
 #: src/views/app/IndexView.vue:164
 msgid "Install"
@@ -30,7 +57,14 @@ msgid "Show in Home"
 msgstr ""
 
 #: src/views/app/IndexView.vue:71 src/views/backup/ListView.vue:58
-#: src/views/database/DatabaseList.vue:74 src/views/database/ServerList.vue:135
+#: src/views/cert/AccountView.vue:79 src/views/cert/CertView.vue:182
+#: src/views/cert/DnsView.vue:64 src/views/container/ComposeView.vue:74
+#: src/views/container/ContainerCreate.vue:170
+#: src/views/container/ContainerCreate.vue:247
+#: src/views/container/ContainerView.vue:87
+#: src/views/container/ImageView.vue:69 src/views/container/NetworkView.vue:109
+#: src/views/container/VolumeView.vue:63 src/views/database/DatabaseList.vue:74
+#: src/views/database/ServerList.vue:135 src/views/website/IndexView.vue:95
 msgid "Actions"
 msgstr ""
 
@@ -40,7 +74,8 @@ msgid ""
 "you sure to continue?"
 msgstr ""
 
-#: src/views/app/IndexView.vue:101
+#: src/views/app/IndexView.vue:101 src/views/dashboard/IndexView.vue:448
+#: src/views/dashboard/route.ts:32
 msgid "Update"
 msgstr ""
 
@@ -79,6 +114,10 @@ msgid ""
 "so you can roll back immediately if there are any issues!"
 msgstr ""
 
+#: src/views/app/route.ts:19
+msgid "Apps"
+msgstr ""
+
 #: src/views/app/VersionModal.vue:71
 msgid "Channel"
 msgstr ""
@@ -92,16 +131,28 @@ msgid "Please select a channel"
 msgstr ""
 
 #: src/views/app/VersionModal.vue:89 src/views/backup/ListView.vue:237
-#: src/views/backup/ListView.vue:257 src/views/cert/CreateAccountModal.vue:114
+#: src/views/backup/ListView.vue:257 src/views/cert/AccountView.vue:258
+#: src/views/cert/CertView.vue:513 src/views/cert/CertView.vue:537
+#: src/views/cert/CreateAccountModal.vue:114
 #: src/views/cert/CreateCertModal.vue:111 src/views/cert/CreateDnsModal.vue:173
-#: src/views/cert/ObtainModal.vue:126 src/views/cert/UploadCertModal.vue:55
+#: src/views/cert/DnsView.vue:370 src/views/cert/ObtainModal.vue:126
+#: src/views/cert/UploadCertModal.vue:55
+#: src/views/container/ComposeView.vue:326
+#: src/views/container/ComposeView.vue:356
+#: src/views/container/ContainerCreate.vue:355
+#: src/views/container/ContainerView.vue:478
+#: src/views/container/ImageView.vue:216
+#: src/views/container/NetworkView.vue:310
+#: src/views/container/VolumeView.vue:210
 #: src/views/database/CreateDatabaseModal.vue:127
 #: src/views/file/ToolBar.vue:261 src/views/file/ToolBar.vue:282
 msgid "Submit"
 msgstr ""
 
 #: src/views/backup/IndexView.vue:37 src/views/backup/ListView.vue:217
-#: src/views/backup/ListView.vue:250 src/views/cert/CreateCertModal.vue:86
+#: src/views/backup/ListView.vue:250 src/views/cert/CertView.vue:464
+#: src/views/cert/CertView.vue:527 src/views/cert/CreateCertModal.vue:86
+#: src/views/dashboard/IndexView.vue:418
 msgid "Website"
 msgstr ""
 
@@ -109,7 +160,7 @@ msgstr ""
 msgid "Filename"
 msgstr ""
 
-#: src/views/backup/ListView.vue:43
+#: src/views/backup/ListView.vue:43 src/views/container/ImageView.vue:53
 msgid "Size"
 msgstr ""
 
@@ -125,15 +176,29 @@ msgstr ""
 msgid "Are you sure you want to delete this backup?"
 msgstr ""
 
-#: src/views/backup/ListView.vue:99 src/views/database/DatabaseList.vue:99
+#: src/views/backup/ListView.vue:99 src/views/cert/AccountView.vue:128
+#: src/views/cert/CertView.vue:316 src/views/cert/DnsView.vue:112
+#: src/views/container/ComposeView.vue:208
+#: src/views/container/ContainerCreate.vue:229
+#: src/views/container/ContainerCreate.vue:276
+#: src/views/container/ContainerView.vue:157
+#: src/views/container/ContainerView.vue:411
+#: src/views/container/ImageView.vue:95 src/views/container/NetworkView.vue:135
+#: src/views/container/VolumeView.vue:89 src/views/database/DatabaseList.vue:99
 #: src/views/database/ServerList.vue:212 src/views/file/ToolBar.vue:238
+#: src/views/website/IndexView.vue:169
 msgid "Delete"
 msgstr ""
 
 #: src/views/backup/ListView.vue:126 src/views/cert/CreateAccountModal.vue:49
 #: src/views/cert/CreateCertModal.vue:50 src/views/cert/CreateDnsModal.vue:35
 #: src/views/cert/UploadCertModal.vue:21
+#: src/views/container/ComposeView.vue:234
+#: src/views/container/ContainerCreate.vue:106
+#: src/views/container/NetworkView.vue:175
+#: src/views/container/VolumeView.vue:129
 #: src/views/database/CreateDatabaseModal.vue:28 src/views/file/ToolBar.vue:45
+#: src/views/website/IndexView.vue:309
 msgid "Created successfully"
 msgstr ""
 
@@ -147,6 +212,7 @@ msgstr ""
 
 #: src/views/backup/ListView.vue:149 src/views/database/DatabaseList.vue:124
 #: src/views/database/ServerList.vue:237 src/views/file/ToolBar.vue:189
+#: src/views/website/IndexView.vue:270 src/views/website/IndexView.vue:324
 msgid "Deleted successfully"
 msgstr ""
 
@@ -164,7 +230,8 @@ msgstr ""
 
 #: src/views/backup/ListView.vue:220
 #: src/views/database/CreateDatabaseModal.vue:70
-#: src/views/database/DatabaseList.vue:35
+#: src/views/database/DatabaseList.vue:35 src/views/website/IndexView.vue:468
+#: src/views/website/IndexView.vue:473
 msgid "Database Name"
 msgstr ""
 
@@ -185,7 +252,8 @@ msgstr ""
 msgid "Restore Backup"
 msgstr ""
 
-#: src/views/backup/ListView.vue:253 src/views/database/IndexView.vue:45
+#: src/views/backup/ListView.vue:253 src/views/dashboard/IndexView.vue:422
+#: src/views/database/IndexView.vue:45 src/views/website/IndexView.vue:447
 msgid "Database"
 msgstr ""
 
@@ -206,60 +274,239 @@ msgid ""
 "For large files, it is recommended to use SFTP or other methods to upload"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:38
+#: src/views/cert/AccountView.vue:44 src/views/cert/AccountView.vue:233
+#: src/views/cert/CreateAccountModal.vue:89
+msgid "Email"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:72 src/views/cert/AccountView.vue:225
+#: src/views/cert/CertView.vue:456 src/views/cert/CreateAccountModal.vue:81
+#: src/views/cert/CreateCertModal.vue:78
+msgid "Key Type"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:102 src/views/cert/CertView.vue:290
+#: src/views/cert/DnsView.vue:86 src/views/database/ServerList.vue:183
+msgid "Modify"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:110 src/views/cert/CertView.vue:299
+#: src/views/cert/DnsView.vue:95
+msgid "Deletion successful"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:117
+msgid "Are you sure you want to delete the account?"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:150 src/views/cert/CreateAccountModal.vue:38
 msgid "Registering account with CA, please wait patiently"
 msgstr ""
 
+#: src/views/cert/AccountView.vue:160 src/views/cert/CertView.vue:350
+#: src/views/cert/CertView.vue:367 src/views/cert/DnsView.vue:140
+#: src/views/container/ComposeView.vue:252
+msgid "Update successful"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:205
+msgid "Modify Account"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:212 src/views/cert/CreateAccountModal.vue:68
+msgid ""
+"Google and SSL.com require obtaining KID and HMAC from their official "
+"websites first"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:214
+msgid ""
+"Google is not accessible in mainland China, other CAs depend on network "
+"conditions, recommend using GoogleCN or Let's Encrypt"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:217 src/views/cert/CreateAccountModal.vue:73
+msgid "CA"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:220 src/views/cert/CreateAccountModal.vue:76
+msgid "Select CA"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:228 src/views/cert/CertView.vue:459
+#: src/views/cert/CreateAccountModal.vue:84
+#: src/views/cert/CreateCertModal.vue:81
+msgid "Select key type"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:238 src/views/cert/CreateAccountModal.vue:94
+msgid "Enter email address"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:246 src/views/cert/CreateAccountModal.vue:102
+msgid "Enter KID"
+msgstr ""
+
+#: src/views/cert/AccountView.vue:254 src/views/cert/CreateAccountModal.vue:110
+msgid "Enter HMAC"
+msgstr ""
+
+#: src/views/cert/CertView.vue:64 src/views/cert/CertView.vue:448
+#: src/views/cert/CreateCertModal.vue:70 src/views/cert/ObtainModal.vue:53
+#: src/views/website/IndexView.vue:412
+msgid "Domain"
+msgstr ""
+
+#: src/views/cert/CertView.vue:70 src/views/cert/CertView.vue:124
+#: src/views/cert/CertView.vue:135 src/views/cert/CertView.vue:154
+#: src/views/container/ContainerCreate.vue:55
+#: src/views/database/ServerList.vue:52 src/views/database/ServerList.vue:67
+msgid "None"
+msgstr ""
+
+#: src/views/cert/CertView.vue:87 src/views/cert/DnsView.vue:38
+#: src/views/cert/ObtainModal.vue:54 src/views/database/DatabaseList.vue:12
+#: src/views/database/ServerList.vue:17
+msgid "Type"
+msgstr ""
+
+#: src/views/cert/CertView.vue:109 src/views/file/ToolBar.vue:221
+msgid "Upload"
+msgstr ""
+
+#: src/views/cert/CertView.vue:117
+msgid "Associated Account"
+msgstr ""
+
+#: src/views/cert/CertView.vue:130
+msgid "Issuer"
+msgstr ""
+
+#: src/views/cert/CertView.vue:139
+msgid "Expiration Time"
+msgstr ""
+
+#: src/views/cert/CertView.vue:167
+msgid "Auto Renew"
+msgstr ""
+
+#: src/views/cert/CertView.vue:202 src/views/cert/ObtainModal.vue:74
+msgid "Issue"
+msgstr ""
+
+#: src/views/cert/CertView.vue:221
+msgid "Deploy"
+msgstr ""
+
+#: src/views/cert/CertView.vue:233 src/views/cert/ObtainModal.vue:24
+#: src/views/cert/ObtainModal.vue:77
+msgid "Please wait..."
+msgstr ""
+
+#: src/views/cert/CertView.vue:239
+msgid "Renewal successful"
+msgstr ""
+
+#: src/views/cert/CertView.vue:247
+msgid "Renew"
+msgstr ""
+
+#: src/views/cert/CertView.vue:265
+msgid "View"
+msgstr ""
+
+#: src/views/cert/CertView.vue:305
+msgid "Are you sure you want to delete the certificate?"
+msgstr ""
+
+#: src/views/cert/CertView.vue:391
+msgid "Deployment successful"
+msgstr ""
+
+#: src/views/cert/CertView.vue:437
+msgid "Modify Certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:445
+msgid ""
+"You can automatically issue and deploy certificates by selecting any website/"
+"DNS, or manually enter domain names and set DNS resolution to issue "
+"certificates, or fill in deployment scripts to automatically deploy "
+"certificates."
+msgstr ""
+
+#: src/views/cert/CertView.vue:467 src/views/cert/CreateCertModal.vue:89
+msgid "Select website for certificate deployment"
+msgstr ""
+
+#: src/views/cert/CertView.vue:472 src/views/cert/CreateCertModal.vue:94
+msgid "Account"
+msgstr ""
+
+#: src/views/cert/CertView.vue:475 src/views/cert/CreateCertModal.vue:97
+msgid "Select account for certificate issuance"
+msgstr ""
+
+#: src/views/cert/CertView.vue:480 src/views/cert/CreateCertModal.vue:102
+#: src/views/cert/CreateDnsModal.vue:55 src/views/cert/DnsView.vue:193
+msgid "DNS"
+msgstr ""
+
+#: src/views/cert/CertView.vue:483 src/views/cert/CreateCertModal.vue:105
+msgid "Select DNS for certificate issuance"
+msgstr ""
+
+#: src/views/cert/CertView.vue:488 src/views/cert/CertView.vue:551
+#: src/views/cert/route.ts:19 src/views/cert/UploadCertModal.vue:38
+#: src/views/setting/SettingHttps.vue:39
+msgid "Certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:492 src/views/cert/UploadCertModal.vue:42
+msgid "Enter the content of the PEM certificate file"
+msgstr ""
+
+#: src/views/cert/CertView.vue:496 src/views/cert/CertView.vue:563
+#: src/views/cert/UploadCertModal.vue:46 src/views/setting/SettingHttps.vue:46
+msgid "Private Key"
+msgstr ""
+
+#: src/views/cert/CertView.vue:500 src/views/cert/UploadCertModal.vue:50
+msgid "Enter the content of the KEY private key file"
+msgstr ""
+
+#: src/views/cert/CertView.vue:504
+msgid "Deployment Script"
+msgstr ""
+
+#: src/views/cert/CertView.vue:508
+msgid ""
+"The {cert} and {key} in the script will be replaced with the certificate and "
+"private key content"
+msgstr ""
+
+#: src/views/cert/CertView.vue:519
+msgid "Deploy Certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:530
+msgid "Select websites to deploy the certificate"
+msgstr ""
+
+#: src/views/cert/CertView.vue:543
+msgid "View Certificate"
+msgstr ""
+
 #: src/views/cert/CreateAccountModal.vue:61 src/views/cert/IndexView.vue:106
 msgid "Create Account"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:68
-msgid ""
-"Google and SSL.com require obtaining KID and HMAC from their official "
-"websites first"
-msgstr ""
-
 #: src/views/cert/CreateAccountModal.vue:70
 msgid ""
 "Google is not accessible in mainland China, and other CAs depend on network "
 "conditions. GoogleCN or Let's Encrypt are recommended"
 msgstr ""
 
-#: src/views/cert/CreateAccountModal.vue:73
-msgid "CA"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:76
-msgid "Select CA"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:81
-#: src/views/cert/CreateCertModal.vue:78
-msgid "Key Type"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:84
-#: src/views/cert/CreateCertModal.vue:81
-msgid "Select key type"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:89
-msgid "Email"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:94
-msgid "Enter email address"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:102
-msgid "Enter KID"
-msgstr ""
-
-#: src/views/cert/CreateAccountModal.vue:110
-msgid "Enter HMAC"
-msgstr ""
-
 #: src/views/cert/CreateCertModal.vue:59 src/views/cert/IndexView.vue:102
 msgid "Create Certificate"
 msgstr ""
@@ -271,30 +518,6 @@ msgid ""
 "resolution to issue certificates"
 msgstr ""
 
-#: src/views/cert/CreateCertModal.vue:70 src/views/cert/ObtainModal.vue:53
-msgid "Domain"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:89
-msgid "Select website for certificate deployment"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:94
-msgid "Account"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:97
-msgid "Select account for certificate issuance"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:102 src/views/cert/CreateDnsModal.vue:55
-msgid "DNS"
-msgstr ""
-
-#: src/views/cert/CreateCertModal.vue:105
-msgid "Select DNS for certificate issuance"
-msgstr ""
-
 #: src/views/cert/CreateDnsModal.vue:44 src/views/cert/IndexView.vue:110
 msgid "Create DNS"
 msgstr ""
@@ -307,31 +530,31 @@ msgstr ""
 msgid "Enter comment name"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:58
+#: src/views/cert/CreateDnsModal.vue:58 src/views/cert/DnsView.vue:196
 msgid "Select DNS"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:64
+#: src/views/cert/CreateDnsModal.vue:64 src/views/cert/DnsView.vue:205
 msgid "Enter Aliyun Access Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:67
+#: src/views/cert/CreateDnsModal.vue:67 src/views/cert/DnsView.vue:212
 msgid "Enter Aliyun Secret Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:70
+#: src/views/cert/CreateDnsModal.vue:70 src/views/cert/DnsView.vue:219
 msgid "Enter Tencent Cloud SecretId"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:73
+#: src/views/cert/CreateDnsModal.vue:73 src/views/cert/DnsView.vue:226
 msgid "Enter Tencent Cloud SecretKey"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:76
+#: src/views/cert/CreateDnsModal.vue:76 src/views/cert/DnsView.vue:233
 msgid "Enter Huawei Cloud AccessKeyId"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:82
+#: src/views/cert/CreateDnsModal.vue:82 src/views/cert/DnsView.vue:240
 msgid "Enter Huawei Cloud SecretAccessKey"
 msgstr ""
 
@@ -343,43 +566,43 @@ msgstr ""
 msgid "Enter Western Digital API Password"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:99
+#: src/views/cert/CreateDnsModal.vue:99 src/views/cert/DnsView.vue:261
 msgid "Enter Cloudflare API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:103
+#: src/views/cert/CreateDnsModal.vue:103 src/views/cert/DnsView.vue:268
 msgid "Enter GoDaddy Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:106
+#: src/views/cert/CreateDnsModal.vue:106 src/views/cert/DnsView.vue:275
 msgid "Enter G-Core API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:109
+#: src/views/cert/CreateDnsModal.vue:109 src/views/cert/DnsView.vue:282
 msgid "Enter Porkbun API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:115
+#: src/views/cert/CreateDnsModal.vue:115 src/views/cert/DnsView.vue:289
 msgid "Enter Porkbun Secret Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:122
+#: src/views/cert/CreateDnsModal.vue:122 src/views/cert/DnsView.vue:296
 msgid "Enter Namecheap API Username"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:126
+#: src/views/cert/CreateDnsModal.vue:126 src/views/cert/DnsView.vue:303
 msgid "Enter Namecheap API Key"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:132
+#: src/views/cert/CreateDnsModal.vue:132 src/views/cert/DnsView.vue:310
 msgid "Enter NameSilo API Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:136
+#: src/views/cert/CreateDnsModal.vue:136 src/views/cert/DnsView.vue:317
 msgid "Enter Name.com Username"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:139
+#: src/views/cert/CreateDnsModal.vue:139 src/views/cert/DnsView.vue:324
 msgid "Enter Name.com Token"
 msgstr ""
 
@@ -387,26 +610,58 @@ msgstr ""
 msgid "Enter ClouDNS Auth ID (use Sub Auth ID by adding sub-prefix)"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:153
+#: src/views/cert/CreateDnsModal.vue:153 src/views/cert/DnsView.vue:338
 msgid "Enter ClouDNS Auth Password"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:157
+#: src/views/cert/CreateDnsModal.vue:157 src/views/cert/DnsView.vue:345
 msgid "Enter Duck DNS Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:163
+#: src/views/cert/CreateDnsModal.vue:163 src/views/cert/DnsView.vue:352
 msgid "Enter Hetzner Auth API Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:167
+#: src/views/cert/CreateDnsModal.vue:167 src/views/cert/DnsView.vue:359
 msgid "Enter Linode Token"
 msgstr ""
 
-#: src/views/cert/CreateDnsModal.vue:170
+#: src/views/cert/CreateDnsModal.vue:170 src/views/cert/DnsView.vue:366
 msgid "Enter Vercel Token"
 msgstr ""
 
+#: src/views/cert/DnsView.vue:31 src/views/cert/DnsView.vue:190
+msgid "Note Name"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:56
+msgid "Unknown"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:101
+msgid "Are you sure you want to delete the DNS?"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:182
+msgid "Modify DNS"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:191
+msgid "Enter note name"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:247
+msgid "Enter West.cn Username"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:254
+msgid "Enter West.cn API Password"
+msgstr ""
+
+#: src/views/cert/DnsView.vue:331
+msgid "Enter ClouDNS Auth ID (Add sub- prefix for Sub Auth ID)"
+msgstr ""
+
 #: src/views/cert/IndexView.vue:98 src/views/cert/UploadCertModal.vue:30
 msgid "Upload Certificate"
 msgstr ""
@@ -435,10 +690,6 @@ msgstr ""
 msgid "Self-signed"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:24 src/views/cert/ObtainModal.vue:77
-msgid "Please wait..."
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:33 src/views/cert/ObtainModal.vue:85
 #: src/views/cert/ObtainModal.vue:103
 msgid "Issuance successful"
@@ -454,11 +705,6 @@ msgstr ""
 msgid "DNS Records to Set"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:54 src/views/database/DatabaseList.vue:12
-#: src/views/database/ServerList.vue:17
-msgid "Type"
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:55
 msgid "Host Record"
 msgstr ""
@@ -467,10 +713,6 @@ msgstr ""
 msgid "Record Value"
 msgstr ""
 
-#: src/views/cert/ObtainModal.vue:74
-msgid "Issue"
-msgstr ""
-
 #: src/views/cert/ObtainModal.vue:116
 msgid "Issue Certificate"
 msgstr ""
@@ -479,21 +721,818 @@ msgstr ""
 msgid "Issuance Mode"
 msgstr ""
 
-#: src/views/cert/route.ts:19 src/views/cert/UploadCertModal.vue:38
-#: src/views/setting/SettingHttps.vue:39
-msgid "Certificate"
+#: src/views/container/ComposeView.vue:31
+#: src/views/container/NetworkView.vue:45 src/views/container/VolumeView.vue:26
+#: src/views/database/ServerList.vue:40 src/views/file/ToolBar.vue:257
+msgid "Name"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:42
-msgid "Enter the content of the PEM certificate file"
+#: src/views/container/ComposeView.vue:38 src/views/website/IndexView.vue:44
+#: src/views/website/IndexView.vue:504
+msgid "Directory"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:46 src/views/setting/SettingHttps.vue:46
-msgid "Private Key"
+#: src/views/container/ComposeView.vue:58
+#: src/views/container/ContainerView.vue:32
+#: src/views/database/ServerList.vue:114
+msgid "Status"
 msgstr ""
 
-#: src/views/cert/UploadCertModal.vue:50
-msgid "Enter the content of the KEY private key file"
+#: src/views/container/ComposeView.vue:65 src/views/container/ImageView.vue:60
+#: src/views/container/NetworkView.vue:100
+#: src/views/container/VolumeView.vue:54
+msgid "Creation Time"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:97 src/views/website/IndexView.vue:111
+msgid "Edit"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:105
+msgid "Starting..."
+msgstr ""
+
+#: src/views/container/ComposeView.vue:112
+#: src/views/container/ContainerView.vue:238
+#: src/views/container/ContainerView.vue:302
+msgid "Start successful"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:128
+msgid "Are you sure you want to start compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:135
+msgid "Force pull images"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:150
+#: src/views/container/ContainerView.vue:127
+#: src/views/container/ContainerView.vue:405
+msgid "Start"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:162
+#: src/views/container/ContainerView.vue:245
+#: src/views/container/ContainerView.vue:316
+msgid "Stop successful"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:168
+msgid "Are you sure you want to stop compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:179
+#: src/views/container/ContainerView.vue:132
+#: src/views/container/ContainerView.vue:406
+msgid "Stop"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:191
+#: src/views/container/ContainerView.vue:280
+#: src/views/container/ContainerView.vue:358
+#: src/views/container/ImageView.vue:119
+#: src/views/container/NetworkView.vue:159
+#: src/views/container/VolumeView.vue:113
+msgid "Delete successful"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:197
+msgid "Are you sure you want to delete compose %{ name }?"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:273
+#: src/views/container/ComposeView.vue:299
+msgid "Create Compose"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:306
+msgid "Compose Name"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:309
+#: src/views/container/ComposeView.vue:339 src/views/container/IndexView.vue:24
+msgid "Compose"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:316
+#: src/views/container/ComposeView.vue:346
+#: src/views/container/ContainerCreate.vue:337
+msgid "Environment Variables"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:320
+#: src/views/container/ComposeView.vue:350
+#: src/views/container/ContainerCreate.vue:341
+msgid "Variable Name"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:321
+#: src/views/container/ComposeView.vue:351
+#: src/views/container/ContainerCreate.vue:342
+msgid "Variable Value"
+msgstr ""
+
+#: src/views/container/ComposeView.vue:332
+msgid "Edit Compose"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:56
+msgid "Always"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:57
+msgid "On failure (default 5 retries)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:58
+msgid "Unless stopped"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:127
+#: src/views/container/ContainerView.vue:402
+msgid "Create Container"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:137
+#: src/views/container/ContainerView.vue:25
+msgid "Container Name"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:140
+#: src/views/container/ContainerView.vue:52
+#: src/views/container/ImageView.vue:36
+msgid "Image"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:143
+msgid "Ports"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:149
+msgid "Map Ports"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:156
+msgid "Expose All"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:159
+msgid "Port Mapping"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:165
+msgid "Host (Start)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:166
+msgid "Host (End)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:167
+msgid "Container (Start)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:168
+msgid "Container (End)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:169
+msgid "Protocol"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:180
+msgid "Optional"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:233
+#: src/views/container/ContainerCreate.vue:280
+msgid "Add"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:236
+#: src/views/dashboard/IndexView.vue:794
+msgid "Network"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:239
+msgid "Mount"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:244
+msgid "Host Directory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:245
+msgid "Container Directory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:246 src/views/file/ToolBar.vue:235
+msgid "Permission"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:265
+msgid "Read-Write"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:273
+msgid "Read-Only"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:283
+#: src/views/container/ContainerCreate.vue:284
+msgid "Command"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:286
+#: src/views/container/ContainerCreate.vue:287
+msgid "Entrypoint"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:291
+#: src/views/dashboard/IndexView.vue:530
+msgid "Memory"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:301
+msgid "CPU Shares"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:308
+msgid "TTY (-t)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:313
+msgid "STDIN (-i)"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:318
+msgid "Auto Remove"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:323
+msgid "Privileged Mode"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:328
+msgid "Restart Policy"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:331
+#: src/views/container/ContainerCreate.vue:334
+msgid "Select restart policy"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:345
+#: src/views/container/NetworkView.vue:292
+#: src/views/container/VolumeView.vue:192
+msgid "Labels"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:349
+#: src/views/container/NetworkView.vue:296
+#: src/views/container/VolumeView.vue:196
+msgid "Label Name"
+msgstr ""
+
+#: src/views/container/ContainerCreate.vue:350
+#: src/views/container/NetworkView.vue:297
+#: src/views/container/VolumeView.vue:197
+msgid "Label Value"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:63
+msgid "Ports (Host->Container)"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:80
+msgid "Running Status"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:103
+#: src/views/container/ContainerView.vue:439
+msgid "Logs"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:119
+#: src/views/container/ContainerView.vue:462
+msgid "Rename"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:137
+#: src/views/container/ContainerView.vue:407
+#: src/views/dashboard/IndexView.vue:444
+msgid "Restart"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:142
+#: src/views/container/ContainerView.vue:408
+msgid "Force Stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:147
+#: src/views/container/ContainerView.vue:409
+msgid "Pause"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:152
+#: src/views/container/ContainerView.vue:410
+msgid "Resume"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:197
+msgid "More"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:230
+msgid "Rename successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:252
+#: src/views/container/ContainerView.vue:330
+msgid "Restart successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:259
+#: src/views/container/ContainerView.vue:344
+msgid "Force stop successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:266
+#: src/views/container/ContainerView.vue:372
+msgid "Pause successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:273
+#: src/views/container/ContainerView.vue:386
+msgid "Resume successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:287
+#: src/views/container/ImageView.vue:126
+#: src/views/container/NetworkView.vue:166
+#: src/views/container/VolumeView.vue:120
+msgid "Cleanup successful"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:293
+msgid "Please select containers to start"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:307
+msgid "Please select containers to stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:321
+msgid "Please select containers to restart"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:335
+msgid "Please select containers to force stop"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:349
+msgid "Please select containers to delete"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:363
+msgid "Please select containers to pause"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:377
+msgid "Please select containers to resume"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:403
+msgid "Cleanup Containers"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:469
+msgid "New Name"
+msgstr ""
+
+#: src/views/container/ContainerView.vue:474
+msgid "Enter new name"
+msgstr ""
+
+#: src/views/container/ImageView.vue:29
+msgid "Container Count"
+msgstr ""
+
+#: src/views/container/ImageView.vue:85 src/views/container/NetworkView.vue:125
+#: src/views/container/VolumeView.vue:79
+msgid "Are you sure you want to delete?"
+msgstr ""
+
+#: src/views/container/ImageView.vue:135
+msgid "Pull successful"
+msgstr ""
+
+#: src/views/container/ImageView.vue:151 src/views/container/ImageView.vue:179
+msgid "Pull Image"
+msgstr ""
+
+#: src/views/container/ImageView.vue:152
+msgid "Cleanup Images"
+msgstr ""
+
+#: src/views/container/ImageView.vue:186
+msgid "Image Name"
+msgstr ""
+
+#: src/views/container/ImageView.vue:191
+msgid "docker.io/php:8.3-fpm"
+msgstr ""
+
+#: src/views/container/ImageView.vue:194
+msgid "Authentication"
+msgstr ""
+
+#: src/views/container/ImageView.vue:197
+#: src/views/database/CreateDatabaseModal.vue:89
+#: src/views/database/ServerList.vue:47 src/views/login/IndexView.vue:113
+#: src/views/setting/SettingBase.vue:63
+msgid "Username"
+msgstr ""
+
+#: src/views/container/ImageView.vue:202
+#: src/views/database/CreateDatabaseModal.vue:94
+msgid "Enter username"
+msgstr ""
+
+#: src/views/container/ImageView.vue:205
+#: src/views/database/CreateDatabaseModal.vue:97
+#: src/views/database/ServerList.vue:56 src/views/login/IndexView.vue:121
+#: src/views/setting/SettingBase.vue:69
+msgid "Password"
+msgstr ""
+
+#: src/views/container/ImageView.vue:211
+#: src/views/database/CreateDatabaseModal.vue:103
+msgid "Enter password"
+msgstr ""
+
+#: src/views/container/IndexView.vue:21
+msgid "Containers"
+msgstr ""
+
+#: src/views/container/IndexView.vue:27
+msgid "Images"
+msgstr ""
+
+#: src/views/container/IndexView.vue:30
+msgid "Networks"
+msgstr ""
+
+#: src/views/container/IndexView.vue:33
+msgid "Volumes"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:52
+#: src/views/container/NetworkView.vue:229
+#: src/views/container/VolumeView.vue:33 src/views/container/VolumeView.vue:183
+msgid "Driver"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:59 src/views/container/VolumeView.vue:40
+msgid "Scope"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:66
+#: src/views/container/NetworkView.vue:241
+#: src/views/container/NetworkView.vue:268
+msgid "Subnet"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:83
+#: src/views/container/NetworkView.vue:249
+#: src/views/container/NetworkView.vue:276
+msgid "Gateway"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:191
+#: src/views/container/NetworkView.vue:219
+msgid "Create Network"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:192
+msgid "Cleanup Networks"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:226
+msgid "Network Name"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:246
+#: src/views/container/NetworkView.vue:262
+msgid "172.16.10.0/24"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:254
+msgid "172.16.10.254"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:257
+#: src/views/container/NetworkView.vue:284
+msgid "IP Range"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:273
+msgid "2408:400e::/48"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:281
+msgid "2408:400e::1"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:289
+msgid "2408:400e::/64"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:300
+#: src/views/container/VolumeView.vue:200
+msgid "Options"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:304
+#: src/views/container/VolumeView.vue:204
+msgid "Option Name"
+msgstr ""
+
+#: src/views/container/NetworkView.vue:305
+#: src/views/container/VolumeView.vue:205
+msgid "Option Value"
+msgstr ""
+
+#: src/views/container/route.ts:19
+msgid "Container"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:47 src/views/dashboard/IndexView.vue:641
+msgid "Mount Point"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:145
+#: src/views/container/VolumeView.vue:173
+msgid "Create Volume"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:146
+msgid "Cleanup Volumes"
+msgstr ""
+
+#: src/views/container/VolumeView.vue:180
+msgid "Volume Name"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:129
+msgid "Running blocked"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:131
+msgid "Running slowly"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:133
+msgid "Running normally"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:135
+msgid "Running smoothly"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:321
+msgid "Panel restarting..."
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:323
+msgid "Panel restarted successfully"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:335
+msgid "Current version is the latest"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:431
+msgid "Scheduled Tasks"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:436
+msgid "Rat Panel"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:440
+msgid "Sponsor Support"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:446
+msgid "Are you sure you want to restart the panel?"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:454
+msgid "Resource Overview"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:459
+msgid "Load Status"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:471
+msgid "Last 1 minute"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:478
+msgid "Last 5 minutes"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:485
+msgid "Last 15 minutes"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:503 src/views/dashboard/IndexView.vue:514
+msgid "cores"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:508
+msgid "Model"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:512
+msgid "Parameters"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:515
+msgid "cache"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:521
+msgid "Usage"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:522
+msgid "Frequency"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:542
+msgid "Active"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:548
+msgid "Inactive"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:554
+msgid "Free"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:560
+msgid "Shared"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:566
+msgid "Committed"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:572
+msgid "Commit Limit"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:578
+msgid "SWAP Size"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:584
+msgid "SWAP Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:590
+msgid "SWAP Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:596
+msgid "Physical Memory Size"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:602
+msgid "Physical Memory Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:608
+msgid "Physical Memory Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:645
+msgid "File System"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:649
+msgid "Inodes Usage"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:653
+msgid "Inodes Total"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:657
+msgid "Inodes Used"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:661
+msgid "Inodes Available"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:678
+msgid "Quick Apps"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:721
+msgid "You have not set any apps to display here!"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:725
+msgid "Environment Information"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:728
+msgid "System Hostname"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:730 src/views/dashboard/IndexView.vue:738
+#: src/views/dashboard/IndexView.vue:745 src/views/dashboard/IndexView.vue:751
+#: src/views/dashboard/IndexView.vue:762 src/views/dashboard/IndexView.vue:774
+msgid "Loading..."
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:734
+msgid "System Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:743
+msgid "System Kernel Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:749
+msgid "System Uptime"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:755
+msgid "Panel Internal Version"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:767
+msgid "Panel Compile Information"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:784
+msgid "Real-time Monitoring"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:795 src/views/dashboard/IndexView.vue:815
+msgid "Disk"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:798
+msgid "Unit"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:806
+msgid "Network Card"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:826
+msgid "Total Sent"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:828
+msgid "Total Received"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:831
+msgid "Real-time Sent"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:835
+msgid "Real-time Received"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:839
+msgid "Read"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:840
+msgid "Write"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:842
+msgid "Real-time Read/Write"
+msgstr ""
+
+#: src/views/dashboard/IndexView.vue:845
+msgid "Read/Write Latency"
+msgstr ""
+
+#: src/views/dashboard/route.ts:20
+msgid "Dashboard"
 msgstr ""
 
 #: src/views/dashboard/UpdateView.vue:24
@@ -572,26 +1611,6 @@ msgstr ""
 msgid "Enter authorized username (leave empty for no authorization)"
 msgstr ""
 
-#: src/views/database/CreateDatabaseModal.vue:89
-#: src/views/database/ServerList.vue:47 src/views/login/IndexView.vue:113
-#: src/views/setting/SettingBase.vue:63
-msgid "Username"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:94
-msgid "Enter username"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:97
-#: src/views/database/ServerList.vue:56 src/views/login/IndexView.vue:121
-#: src/views/setting/SettingBase.vue:69
-msgid "Password"
-msgstr ""
-
-#: src/views/database/CreateDatabaseModal.vue:103
-msgid "Enter password"
-msgstr ""
-
 #: src/views/database/CreateDatabaseModal.vue:106
 #: src/views/database/ServerList.vue:87
 msgid "Host"
@@ -622,7 +1641,8 @@ msgid "Are you sure you want to delete this database?"
 msgstr ""
 
 #: src/views/database/DatabaseList.vue:130
-#: src/views/database/ServerList.vue:243
+#: src/views/database/ServerList.vue:243 src/views/website/IndexView.vue:253
+#: src/views/website/IndexView.vue:279
 msgid "Modified successfully"
 msgstr ""
 
@@ -634,14 +1654,6 @@ msgstr ""
 msgid "User"
 msgstr ""
 
-#: src/views/database/ServerList.vue:40 src/views/file/ToolBar.vue:257
-msgid "Name"
-msgstr ""
-
-#: src/views/database/ServerList.vue:52 src/views/database/ServerList.vue:67
-msgid "None"
-msgstr ""
-
 #: src/views/database/ServerList.vue:76 src/views/file/ToolBar.vue:145
 #: src/views/file/ToolBar.vue:165
 msgid "Copied successfully"
@@ -651,10 +1663,6 @@ msgstr ""
 msgid "Copy"
 msgstr ""
 
-#: src/views/database/ServerList.vue:114
-msgid "Status"
-msgstr ""
-
 #: src/views/database/ServerList.vue:121
 msgid "Valid"
 msgstr ""
@@ -677,10 +1685,6 @@ msgstr ""
 msgid "Sync"
 msgstr ""
 
-#: src/views/database/ServerList.vue:183
-msgid "Modify"
-msgstr ""
-
 #: src/views/database/ServerList.vue:193
 msgid ""
 "Built-in servers cannot be deleted. If you need to delete them, please "
@@ -760,10 +1764,6 @@ msgstr ""
 msgid "New"
 msgstr ""
 
-#: src/views/file/ToolBar.vue:221
-msgid "Upload"
-msgstr ""
-
 #: src/views/file/ToolBar.vue:222 src/views/file/ToolBar.vue:267
 msgid "Remote Download"
 msgstr ""
@@ -780,10 +1780,6 @@ msgstr ""
 msgid "Compress"
 msgstr ""
 
-#: src/views/file/ToolBar.vue:235
-msgid "Permission"
-msgstr ""
-
 #: src/views/file/ToolBar.vue:240
 msgid "Are you sure you want to delete in bulk?"
 msgstr ""
@@ -856,7 +1852,7 @@ msgstr ""
 msgid "admin@example.com"
 msgstr ""
 
-#: src/views/setting/SettingBase.vue:81
+#: src/views/setting/SettingBase.vue:81 src/views/website/IndexView.vue:423
 msgid "Port"
 msgstr ""
 
@@ -899,3 +1895,110 @@ msgstr ""
 #: src/views/setting/SettingHttps.vue:36
 msgid "Panel HTTPS"
 msgstr ""
+
+#: src/views/website/IndexView.vue:23 src/views/website/IndexView.vue:398
+msgid "Website Name"
+msgstr ""
+
+#: src/views/website/IndexView.vue:30
+msgid "Running"
+msgstr ""
+
+#: src/views/website/IndexView.vue:78 src/views/website/IndexView.vue:516
+#: src/views/website/IndexView.vue:521
+msgid "Remark"
+msgstr ""
+
+#: src/views/website/IndexView.vue:135
+msgid "Are you sure you want to delete website %{ name }?"
+msgstr ""
+
+#: src/views/website/IndexView.vue:146
+msgid "Delete website directory"
+msgstr ""
+
+#: src/views/website/IndexView.vue:154
+msgid "Delete local database with the same name"
+msgstr ""
+
+#: src/views/website/IndexView.vue:210
+msgid "Not used"
+msgstr ""
+
+#: src/views/website/IndexView.vue:240
+msgid "Already %{ status }"
+msgstr ""
+
+#: src/views/website/IndexView.vue:241
+msgid "started"
+msgstr ""
+
+#: src/views/website/IndexView.vue:241
+msgid "stopped"
+msgstr ""
+
+#: src/views/website/IndexView.vue:315
+msgid "Please select the websites to delete"
+msgstr ""
+
+#: src/views/website/IndexView.vue:348 src/views/website/IndexView.vue:389
+msgid "Create Website"
+msgstr ""
+
+#: src/views/website/IndexView.vue:352
+msgid "Batch Delete"
+msgstr ""
+
+#: src/views/website/IndexView.vue:355
+msgid ""
+"This will delete the website directory but not the database with the same "
+"name. Are you sure you want to delete the selected websites?"
+msgstr ""
+
+#: src/views/website/IndexView.vue:361 src/views/website/IndexView.vue:532
+msgid "Modify Default Page"
+msgstr ""
+
+#: src/views/website/IndexView.vue:404
+msgid ""
+"Recommended to use English for the website name, it cannot be modified after "
+"setting"
+msgstr ""
+
+#: src/views/website/IndexView.vue:435
+msgid "PHP Version"
+msgstr ""
+
+#: src/views/website/IndexView.vue:439
+msgid "Select PHP Version"
+msgstr ""
+
+#: src/views/website/IndexView.vue:451
+msgid "Select Database"
+msgstr ""
+
+#: src/views/website/IndexView.vue:479 src/views/website/IndexView.vue:484
+msgid "Database User"
+msgstr ""
+
+#: src/views/website/IndexView.vue:493 src/views/website/IndexView.vue:499
+msgid "Database Password"
+msgstr ""
+
+#: src/views/website/IndexView.vue:510
+msgid ""
+"Website root directory (if left empty, defaults to website directory/website "
+"name)"
+msgstr ""
+
+#: src/views/website/IndexView.vue:526
+msgid "Create"
+msgstr ""
+
+#: src/views/website/IndexView.vue:540
+msgid "Default Page"
+msgstr ""
+
+#: src/views/website/IndexView.vue:554
+msgid "Stop Page"
+msgstr ""
diff --git a/web/src/main.ts b/web/src/main.ts
index 4caba7c6..8e6a6c5b 100644
--- a/web/src/main.ts
+++ b/web/src/main.ts
@@ -6,7 +6,6 @@ import 'virtual:uno.css'
 import { createApp } from 'vue'
 import App from './App.vue'
 
-import { setupI18n } from '@/i18n/i18n'
 import { setupRouter } from '@/router'
 import { setupStore, useThemeStore } from '@/store'
 import { createGettext, setupNaiveDiscreteApi } from '@/utils'
@@ -31,7 +30,6 @@ async function setupApp() {
   await setupNaiveDiscreteApi()
   await setupPanel().then(() => {
     app.use(createGettext)
-    setupI18n(app)
   })
   await setupRouter(app)
   app.mount('#app')
diff --git a/web/src/router/routes/index.ts b/web/src/router/routes/index.ts
index 68349862..712c6d78 100644
--- a/web/src/router/routes/index.ts
+++ b/web/src/router/routes/index.ts
@@ -1,4 +1,5 @@
 import type { RouteModule, RoutesType, RouteType } from '~/types/router'
+import { $gettext } from '@/utils/gettext'
 
 export const basicRoutes: RoutesType = [
   {
@@ -14,7 +15,7 @@ export const basicRoutes: RoutesType = [
     component: () => import('@/views/login/IndexView.vue'),
     isHidden: true,
     meta: {
-      title: '登录页'
+      title: $gettext('Login Page')
     }
   }
 ]
diff --git a/web/src/views/container/ComposeView.vue b/web/src/views/container/ComposeView.vue
index 57a6c941..ecfcde9b 100644
--- a/web/src/views/container/ComposeView.vue
+++ b/web/src/views/container/ComposeView.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
 import { NButton, NCheckbox, NDataTable, NFlex, NInput, NPopconfirm, NTag } from 'naive-ui'
+import { useGettext } from 'vue3-gettext'
 
 import container from '@/api/panel/container'
 import { useFileStore } from '@/store'
 import { formatDateTime } from '@/utils'
 
+const { $gettext } = useGettext()
 const fileStore = useFileStore()
 const router = useRouter()
 
@@ -26,14 +28,14 @@ const updateModal = ref(false)
 
 const columns: any = [
   {
-    title: '名称',
+    title: $gettext('Name'),
     key: 'name',
     minWidth: 150,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '目录',
+    title: $gettext('Directory'),
     key: 'path',
     minWidth: 150,
     resizable: true,
@@ -53,14 +55,14 @@ const columns: any = [
     }
   },
   {
-    title: '状态',
+    title: $gettext('Status'),
     key: 'status',
     width: 150,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '创建时间',
+    title: $gettext('Creation Time'),
     key: 'created_at',
     width: 200,
     resizable: true,
@@ -69,7 +71,7 @@ const columns: any = [
     }
   },
   {
-    title: '操作',
+    title: $gettext('Actions'),
     key: 'actions',
     width: 280,
     align: 'center',
@@ -92,7 +94,7 @@ const columns: any = [
             }
           },
           {
-            default: () => '编辑'
+            default: () => $gettext('Edit')
           }
         ),
         h(
@@ -100,14 +102,14 @@ const columns: any = [
           {
             showIcon: false,
             onPositiveClick: () => {
-              const messageReactive = window.$message.loading('启动中...', {
+              const messageReactive = window.$message.loading($gettext('Starting...'), {
                 duration: 0
               })
               useRequest(container.composeUp(row.name, forcePush.value))
                 .onSuccess(() => {
                   refresh()
                   forcePush.value = false
-                  window.$message.success('启动成功')
+                  window.$message.success($gettext('Start successful'))
                 })
                 .onComplete(() => {
                   messageReactive?.destroy()
@@ -123,14 +125,14 @@ const columns: any = [
                 },
                 {
                   default: () => [
-                    h('strong', {}, { default: () => `确定启动编排 ${row.name} 吗？` }),
+                    h('strong', {}, { default: () => $gettext(`Are you sure you want to start compose %{ name }?`, { name: row.name }) }),
                     h(
                       NCheckbox,
                       {
                         checked: forcePush.value,
                         onUpdateChecked: (v) => (forcePush.value = v)
                       },
-                      { default: () => '强制拉取镜像' }
+                      { default: () => $gettext('Force pull images') }
                     )
                   ]
                 }
@@ -145,7 +147,7 @@ const columns: any = [
                   type: 'success'
                 },
                 {
-                  default: () => '启动'
+                  default: () => $gettext('Start')
                 }
               )
             }
@@ -157,13 +159,13 @@ const columns: any = [
             onPositiveClick: () => {
               useRequest(container.composeDown(row.name)).onSuccess(() => {
                 refresh()
-                window.$message.success('停止成功')
+                window.$message.success($gettext('Stop successful'))
               })
             }
           },
           {
             default: () => {
-              return `确定停止编排 ${row.name} 吗？`
+              return $gettext(`Are you sure you want to stop compose %{ name }?`, { name: row.name })
             },
             trigger: () => {
               return h(
@@ -174,7 +176,7 @@ const columns: any = [
                   type: 'warning'
                 },
                 {
-                  default: () => '停止'
+                  default: () => $gettext('Stop')
                 }
               )
             }
@@ -186,13 +188,13 @@ const columns: any = [
             onPositiveClick: () => {
               useRequest(container.composeRemove(row.name)).onSuccess(() => {
                 refresh()
-                window.$message.success('删除成功')
+                window.$message.success($gettext('Delete successful'))
               })
             }
           },
           {
             default: () => {
-              return `确定删除编排 ${row.name} 吗？`
+              return $gettext(`Are you sure you want to delete compose %{ name }?`, { name: row.name })
             },
             trigger: () => {
               return h(
@@ -203,7 +205,7 @@ const columns: any = [
                   type: 'error'
                 },
                 {
-                  default: () => '删除'
+                  default: () => $gettext('Delete')
                 }
               )
             }
@@ -229,7 +231,7 @@ const handleCreate = () => {
   useRequest(container.composeCreate(createModel.value))
     .onSuccess(() => {
       refresh()
-      window.$message.success('创建成功')
+      window.$message.success($gettext('Created successfully'))
     })
     .onComplete(() => {
       loading.value = false
@@ -247,7 +249,7 @@ const handleUpdate = () => {
   useRequest(container.composeUpdate(updateModel.value.name, updateModel.value))
     .onSuccess(() => {
       refresh()
-      window.$message.success('更新成功')
+      window.$message.success($gettext('Update successful'))
     })
     .onComplete(() => {
       loading.value = false
@@ -268,7 +270,7 @@ onMounted(() => {
 <template>
   <n-flex vertical :size="20">
     <n-flex>
-      <n-button type="primary" @click="createModal = true">创建编排</n-button>
+      <n-button type="primary" @click="createModal = true">{{ $gettext('Create Compose') }}</n-button>
     </n-flex>
     <n-data-table
       striped
@@ -294,64 +296,64 @@ onMounted(() => {
   <n-modal
     v-model:show="createModal"
     preset="card"
-    title="创建编排"
+    :title="$gettext('Create Compose')"
     style="width: 60vw"
     size="huge"
     :bordered="false"
     :segmented="false"
   >
     <n-form :model="createModel">
-      <n-form-item path="name" label="编排名">
+      <n-form-item path="name" :label="$gettext('Compose Name')">
         <n-input v-model:value="createModel.name" type="text" />
       </n-form-item>
-      <n-form-item path="compose" label="编排">
+      <n-form-item path="compose" :label="$gettext('Compose')">
         <n-input
           v-model:value="createModel.compose"
           type="textarea"
           :autosize="{ minRows: 10, maxRows: 20 }"
         />
       </n-form-item>
-      <n-form-item path="envs" label="环境变量">
+      <n-form-item path="envs" :label="$gettext('Environment Variables')">
         <n-dynamic-input
           v-model:value="createModel.envs"
           preset="pair"
-          key-placeholder="变量名"
-          value-placeholder="变量值"
+          :key-placeholder="$gettext('Variable Name')"
+          :value-placeholder="$gettext('Variable Value')"
         />
       </n-form-item>
     </n-form>
     <n-button type="info" block :loading="loading" :disabled="loading" @click="handleCreate">
-      提交
+      {{ $gettext('Submit') }}
     </n-button>
   </n-modal>
   <n-modal
     v-model:show="updateModal"
     preset="card"
-    title="编辑编排"
+    :title="$gettext('Edit Compose')"
     style="width: 60vw"
     size="huge"
     :bordered="false"
     :segmented="false"
   >
     <n-form :model="updateModel">
-      <n-form-item path="compose" label="编排">
+      <n-form-item path="compose" :label="$gettext('Compose')">
         <n-input
           v-model:value="updateModel.compose"
           type="textarea"
           :autosize="{ minRows: 10, maxRows: 20 }"
         />
       </n-form-item>
-      <n-form-item path="envs" label="环境变量">
+      <n-form-item path="envs" :label="$gettext('Environment Variables')">
         <n-dynamic-input
           v-model:value="updateModel.envs"
           preset="pair"
-          key-placeholder="变量名"
-          value-placeholder="变量值"
+          :key-placeholder="$gettext('Variable Name')"
+          :value-placeholder="$gettext('Variable Value')"
         />
       </n-form-item>
     </n-form>
     <n-button type="info" block :loading="loading" :disabled="loading" @click="handleUpdate">
-      提交
+      {{ $gettext('Submit') }}
     </n-button>
   </n-modal>
 </template>
diff --git a/web/src/views/container/ContainerCreate.vue b/web/src/views/container/ContainerCreate.vue
index 5f9ea92c..cd332f39 100644
--- a/web/src/views/container/ContainerCreate.vue
+++ b/web/src/views/container/ContainerCreate.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import container from '@/api/panel/container'
+import { useGettext } from 'vue3-gettext'
+
+const { $gettext } = useGettext()
 
 const props = defineProps({
   show: {
@@ -49,10 +52,10 @@ const createModel = reactive({
 const networks = ref<any>({})
 
 const restartPolicyOptions = [
-  { label: '无', value: 'no' },
-  { label: '始终', value: 'always' },
-  { label: '失败时（默认重启 5 次）', value: 'on-failure' },
-  { label: '未手动停止则重启', value: 'unless-stopped' }
+  { label: $gettext('None'), value: 'no' },
+  { label: $gettext('Always'), value: 'always' },
+  { label: $gettext('On failure (default 5 retries)'), value: 'on-failure' },
+  { label: $gettext('Unless stopped'), value: 'unless-stopped' }
 ]
 
 const addPortRow = () => {
@@ -100,7 +103,7 @@ const handleSubmit = () => {
   doSubmit.value = true
   useRequest(container.containerCreate(createModel))
     .onSuccess(() => {
-      window.$message.success('创建成功')
+      window.$message.success($gettext('Created successfully'))
       handleClose()
     })
     .onComplete(() => {
@@ -121,7 +124,7 @@ onMounted(() => {
 
 <template>
   <n-modal
-    title="创建容器"
+    :title="$gettext('Create Container')"
     preset="card"
     style="width: 60vw"
     size="huge"
@@ -131,40 +134,40 @@ onMounted(() => {
     @close="handleClose"
   >
     <n-form :model="createModel">
-      <n-form-item path="name" label="容器名">
+      <n-form-item path="name" :label="$gettext('Container Name')">
         <n-input v-model:value="createModel.name" type="text" @keydown.enter.prevent />
       </n-form-item>
-      <n-form-item path="name" label="镜像">
+      <n-form-item path="name" :label="$gettext('Image')">
         <n-input v-model:value="createModel.image" type="text" @keydown.enter.prevent />
       </n-form-item>
-      <n-form-item path="exposedAll" label="端口">
+      <n-form-item path="exposedAll" :label="$gettext('Ports')">
         <n-radio
           :checked="!createModel.publish_all_ports"
           :value="false"
           @change="createModel.publish_all_ports = !$event.target.value"
         >
-          映射端口
+          {{ $gettext('Map Ports') }}
         </n-radio>
         <n-radio
           :checked="createModel.publish_all_ports"
           :value="true"
           @change="createModel.publish_all_ports = !!$event.target.value"
         >
-          暴露所有
+          {{ $gettext('Expose All') }}
         </n-radio>
       </n-form-item>
-      <n-form-item path="ports" label="端口映射" v-if="!createModel.publish_all_ports">
+      <n-form-item path="ports" :label="$gettext('Port Mapping')" v-if="!createModel.publish_all_ports">
         <n-space vertical>
           <n-table striped>
             <thead>
               <tr>
                 <th>IP</th>
-                <th>主机（起始）</th>
-                <th>主机（结束）</th>
-                <th>容器（起始）</th>
-                <th>容器（结束）</th>
-                <th>协议</th>
-                <th>操作</th>
+                <th>{{ $gettext('Host (Start)') }}</th>
+                <th>{{ $gettext('Host (End)') }}</th>
+                <th>{{ $gettext('Container (Start)') }}</th>
+                <th>{{ $gettext('Container (End)') }}</th>
+                <th>{{ $gettext('Protocol') }}</th>
+                <th>{{ $gettext('Actions') }}</th>
               </tr>
             </thead>
             <tbody>
@@ -174,7 +177,7 @@ onMounted(() => {
                     v-model:value="item.host"
                     type="text"
                     @keydown.enter.prevent
-                    placeholder="可留空"
+                    :placeholder="$gettext('Optional')"
                   />
                 </td>
                 <td>
@@ -223,25 +226,25 @@ onMounted(() => {
                     UDP
                   </n-radio>
                 </td>
-                <td><n-button @click="removePortRow(index)" size="small">删除</n-button></td>
+                <td><n-button @click="removePortRow(index)" size="small">{{ $gettext('Delete') }}</n-button></td>
               </tr>
             </tbody>
           </n-table>
-          <n-button @click="addPortRow">添加</n-button>
+          <n-button @click="addPortRow">{{ $gettext('Add') }}</n-button>
         </n-space>
       </n-form-item>
-      <n-form-item path="network" label="网络">
+      <n-form-item path="network" :label="$gettext('Network')">
         <n-select v-model:value="createModel.network" :options="networks" />
       </n-form-item>
-      <n-form-item path="mount" label="挂载">
+      <n-form-item path="mount" :label="$gettext('Mount')">
         <n-space vertical>
           <n-table striped>
             <thead>
               <tr>
-                <th>主机目录</th>
-                <th>容器目录</th>
-                <th>权限</th>
-                <th>操作</th>
+                <th>{{ $gettext('Host Directory') }}</th>
+                <th>{{ $gettext('Container Directory') }}</th>
+                <th>{{ $gettext('Permission') }}</th>
+                <th>{{ $gettext('Actions') }}</th>
               </tr>
             </thead>
             <tbody>
@@ -259,7 +262,7 @@ onMounted(() => {
                     name="mode"
                     @change="item.mode = $event.target.value"
                   >
-                    读写
+                    {{ $gettext('Read-Write') }}
                   </n-radio>
                   <n-radio
                     :checked="item.mode === 'ro'"
@@ -267,25 +270,25 @@ onMounted(() => {
                     name="mode"
                     @change="item.mode = $event.target.value"
                   >
-                    只读
+                    {{ $gettext('Read-Only') }}
                   </n-radio>
                 </td>
-                <td><n-button @click="removeVolumeRow(index)" size="small">删除</n-button></td>
+                <td><n-button @click="removeVolumeRow(index)" size="small">{{ $gettext('Delete') }}</n-button></td>
               </tr>
             </tbody>
           </n-table>
-          <n-button @click="addVolumeRow">添加</n-button>
+          <n-button @click="addVolumeRow">{{ $gettext('Add') }}</n-button>
         </n-space>
       </n-form-item>
-      <n-form-item path="command" label="启动命令">
-        <n-dynamic-input v-model:value="createModel.command" placeholder="命令" />
+      <n-form-item path="command" :label="$gettext('Command')">
+        <n-dynamic-input v-model:value="createModel.command" :placeholder="$gettext('Command')" />
       </n-form-item>
-      <n-form-item path="entrypoint" label="入口点">
-        <n-dynamic-input v-model:value="createModel.entrypoint" placeholder="入口点" />
+      <n-form-item path="entrypoint" :label="$gettext('Entrypoint')">
+        <n-dynamic-input v-model:value="createModel.entrypoint" :placeholder="$gettext('Entrypoint')" />
       </n-form-item>
       <n-row :gutter="[0, 24]">
         <n-col :span="8">
-          <n-form-item path="memory" label="内存">
+          <n-form-item path="memory" :label="$gettext('Memory')">
             <n-input-number v-model:value="createModel.memory" />
           </n-form-item>
         </n-col>
@@ -295,61 +298,61 @@ onMounted(() => {
           </n-form-item>
         </n-col>
         <n-col :span="8">
-          <n-form-item path="cpu_shares" label="CPU 权重">
+          <n-form-item path="cpu_shares" :label="$gettext('CPU Shares')">
             <n-input-number v-model:value="createModel.cpu_shares" />
           </n-form-item>
         </n-col>
       </n-row>
       <n-row :gutter="[0, 24]">
         <n-col :span="6">
-          <n-form-item path="tty" label="伪终端（-t）">
+          <n-form-item path="tty" :label="$gettext('TTY (-t)')">
             <n-switch v-model:value="createModel.tty" />
           </n-form-item>
         </n-col>
         <n-col :span="6">
-          <n-form-item path="open_stdin" label="标准输入（-i）">
+          <n-form-item path="open_stdin" :label="$gettext('STDIN (-i)')">
             <n-switch v-model:value="createModel.open_stdin" />
           </n-form-item>
         </n-col>
         <n-col :span="6">
-          <n-form-item path="auto_remove" label="退出后自动删除">
+          <n-form-item path="auto_remove" :label="$gettext('Auto Remove')">
             <n-switch v-model:value="createModel.auto_remove" />
           </n-form-item>
         </n-col>
         <n-col :span="6">
-          <n-form-item path="privileged" label="特权模式">
+          <n-form-item path="privileged" :label="$gettext('Privileged Mode')">
             <n-switch v-model:value="createModel.privileged" />
           </n-form-item>
         </n-col>
       </n-row>
-      <n-form-item path="restart_policy" label="重启策略">
+      <n-form-item path="restart_policy" :label="$gettext('Restart Policy')">
         <n-select
           v-model:value="createModel.restart_policy"
-          placeholder="选择重启策略"
+          :placeholder="$gettext('Select restart policy')"
           :options="restartPolicyOptions"
         >
-          {{ createModel.restart_policy || '选择重启策略' }}
+          {{ createModel.restart_policy || $gettext('Select restart policy') }}
         </n-select>
       </n-form-item>
-      <n-form-item path="env" label="环境变量">
+      <n-form-item path="env" :label="$gettext('Environment Variables')">
         <n-dynamic-input
           v-model:value="createModel.env"
           preset="pair"
-          key-placeholder="变量名"
-          value-placeholder="变量值"
+          :key-placeholder="$gettext('Variable Name')"
+          :value-placeholder="$gettext('Variable Value')"
         />
       </n-form-item>
-      <n-form-item path="labels" label="标签">
+      <n-form-item path="labels" :label="$gettext('Labels')">
         <n-dynamic-input
           v-model:value="createModel.labels"
           preset="pair"
-          key-placeholder="标签名"
-          value-placeholder="标签值"
+          :key-placeholder="$gettext('Label Name')"
+          :value-placeholder="$gettext('Label Value')"
         />
       </n-form-item>
     </n-form>
     <n-button type="info" block :loading="doSubmit" :disabled="doSubmit" @click="handleSubmit">
-      提交
+      {{ $gettext('Submit') }}
     </n-button>
   </n-modal>
 </template>
diff --git a/web/src/views/container/ContainerView.vue b/web/src/views/container/ContainerView.vue
index e37c6f30..23c734c4 100644
--- a/web/src/views/container/ContainerView.vue
+++ b/web/src/views/container/ContainerView.vue
@@ -1,10 +1,13 @@
 <script setup lang="ts">
 import Editor from '@guolao/vue-monaco-editor'
 import { NButton, NDataTable, NDropdown, NFlex, NInput, NSwitch, NTag } from 'naive-ui'
+import { useGettext } from 'vue3-gettext'
 
 import container from '@/api/panel/container'
 import ContainerCreate from '@/views/container/ContainerCreate.vue'
 
+const { $gettext } = useGettext()
+
 const logModal = ref(false)
 const logs = ref('')
 const renameModal = ref(false)
@@ -19,14 +22,14 @@ const selectedRowKeys = ref<any>([])
 const columns: any = [
   { type: 'selection', fixed: 'left' },
   {
-    title: '容器名',
+    title: $gettext('Container Name'),
     key: 'name',
     minWidth: 150,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '状态',
+    title: $gettext('Status'),
     key: 'state',
     width: 100,
     resizable: true,
@@ -46,7 +49,7 @@ const columns: any = [
     }
   },
   {
-    title: '镜像',
+    title: $gettext('Image'),
     key: 'image',
     minWidth: 300,
     resizable: true,
@@ -57,7 +60,7 @@ const columns: any = [
     }
   },
   {
-    title: '端口（主机->容器）',
+    title: $gettext('Ports (Host->Container)'),
     key: 'ports',
     minWidth: 200,
     resizable: true,
@@ -74,14 +77,14 @@ const columns: any = [
     }
   },
   {
-    title: '运行状态',
+    title: $gettext('Running Status'),
     key: 'status',
     width: 300,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '操作',
+    title: $gettext('Actions'),
     key: 'actions',
     width: 250,
     align: 'center',
@@ -97,7 +100,7 @@ const columns: any = [
             onClick: () => handleShowLog(row)
           },
           {
-            default: () => '日志'
+            default: () => $gettext('Logs')
           }
         ),
         h(
@@ -113,7 +116,7 @@ const columns: any = [
             }
           },
           {
-            default: () => '重命名'
+            default: () => $gettext('Rename')
           }
         ),
         h(
@@ -121,37 +124,37 @@ const columns: any = [
           {
             options: [
               {
-                label: '启动',
+                label: $gettext('Start'),
                 key: 'start',
                 disabled: row.state === 'running'
               },
               {
-                label: '停止',
+                label: $gettext('Stop'),
                 key: 'stop',
                 disabled: row.state !== 'running'
               },
               {
-                label: '重启',
+                label: $gettext('Restart'),
                 key: 'restart',
                 disabled: row.state !== 'running'
               },
               {
-                label: '强制停止',
+                label: $gettext('Force Stop'),
                 key: 'forceStop',
                 disabled: row.state !== 'running'
               },
               {
-                label: '暂停',
+                label: $gettext('Pause'),
                 key: 'pause',
                 disabled: row.state !== 'running'
               },
               {
-                label: '恢复',
+                label: $gettext('Resume'),
                 key: 'unpause',
                 disabled: row.state === 'running'
               },
               {
-                label: '删除',
+                label: $gettext('Delete'),
                 key: 'delete'
               }
             ],
@@ -191,7 +194,7 @@ const columns: any = [
                   style: 'margin-left: 15px;'
                 },
                 {
-                  default: () => '更多'
+                  default: () => $gettext('More')
                 }
               )
             }
@@ -224,7 +227,7 @@ const handleRename = () => {
     () => {
       refresh()
       renameModal.value = false
-      window.$message.success('重命名成功')
+      window.$message.success($gettext('Rename successful'))
     }
   )
 }
@@ -232,62 +235,62 @@ const handleRename = () => {
 const handleStart = (id: string) => {
   useRequest(container.containerStart(id)).onSuccess(() => {
     refresh()
-    window.$message.success('启动成功')
+    window.$message.success($gettext('Start successful'))
   })
 }
 
 const handleStop = (id: string) => {
   useRequest(container.containerStop(id)).onSuccess(() => {
     refresh()
-    window.$message.success('停止成功')
+    window.$message.success($gettext('Stop successful'))
   })
 }
 
 const handleRestart = (id: string) => {
   useRequest(container.containerRestart(id)).onSuccess(() => {
     refresh()
-    window.$message.success('重启成功')
+    window.$message.success($gettext('Restart successful'))
   })
 }
 
 const handleForceStop = (id: string) => {
   useRequest(container.containerKill(id)).onSuccess(() => {
     refresh()
-    window.$message.success('强制停止成功')
+    window.$message.success($gettext('Force stop successful'))
   })
 }
 
 const handlePause = (id: string) => {
   useRequest(container.containerPause(id)).onSuccess(() => {
     refresh()
-    window.$message.success('暂停成功')
+    window.$message.success($gettext('Pause successful'))
   })
 }
 
 const handleUnpause = (id: string) => {
   useRequest(container.containerUnpause(id)).onSuccess(() => {
     refresh()
-    window.$message.success('恢复成功')
+    window.$message.success($gettext('Resume successful'))
   })
 }
 
 const handleDelete = (id: string) => {
   useRequest(container.containerRemove(id)).onSuccess(() => {
     refresh()
-    window.$message.success('删除成功')
+    window.$message.success($gettext('Delete successful'))
   })
 }
 
 const handlePrune = () => {
   useRequest(container.containerPrune()).onSuccess(() => {
     refresh()
-    window.$message.success('清理成功')
+    window.$message.success($gettext('Cleanup successful'))
   })
 }
 
 const bulkStart = async () => {
   if (selectedRowKeys.value.length === 0) {
-    window.$message.info('请选择要启动的容器')
+    window.$message.info($gettext('Please select containers to start'))
     return
   }
 
@@ -296,12 +299,12 @@ const bulkStart = async () => {
 
   selectedRowKeys.value = []
   refresh()
-  window.$message.success('启动成功')
+  window.$message.success($gettext('Start successful'))
 }
 
 const bulkStop = async () => {
   if (selectedRowKeys.value.length === 0) {
-    window.$message.info('请选择要停止的容器')
+    window.$message.info($gettext('Please select containers to stop'))
     return
   }
 
@@ -310,12 +313,12 @@ const bulkStop = async () => {
 
   selectedRowKeys.value = []
   refresh()
-  window.$message.success('停止成功')
+  window.$message.success($gettext('Stop successful'))
 }
 
 const bulkRestart = async () => {
   if (selectedRowKeys.value.length === 0) {
-    window.$message.info('请选择要重启的容器')
+    window.$message.info($gettext('Please select containers to restart'))
     return
   }
 
@@ -324,12 +327,12 @@ const bulkRestart = async () => {
 
   selectedRowKeys.value = []
   refresh()
-  window.$message.success('重启成功')
+  window.$message.success($gettext('Restart successful'))
 }
 
 const bulkForceStop = async () => {
   if (selectedRowKeys.value.length === 0) {
-    window.$message.info('请选择要强制停止的容器')
+    window.$message.info($gettext('Please select containers to force stop'))
     return
   }
 
@@ -338,12 +341,12 @@ const bulkForceStop = async () => {
 
   selectedRowKeys.value = []
   refresh()
-  window.$message.success('强制停止成功')
+  window.$message.success($gettext('Force stop successful'))
 }
 
 const bulkDelete = async () => {
   if (selectedRowKeys.value.length === 0) {
-    window.$message.info('请选择要删除的容器')
+    window.$message.info($gettext('Please select containers to delete'))
     return
   }
 
@@ -352,12 +355,12 @@ const bulkDelete = async () => {
 
   selectedRowKeys.value = []
   refresh()
-  window.$message.success('删除成功')
+  window.$message.success($gettext('Delete successful'))
 }
 
 const bulkPause = async () => {
   if (selectedRowKeys.value.length === 0) {
-    window.$message.info('请选择要暂停的容器')
+    window.$message.info($gettext('Please select containers to pause'))
     return
   }
 
@@ -366,12 +369,12 @@ const bulkPause = async () => {
 
   selectedRowKeys.value = []
   refresh()
-  window.$message.success('暂停成功')
+  window.$message.success($gettext('Pause successful'))
 }
 
 const bulkUnpause = async () => {
   if (selectedRowKeys.value.length === 0) {
-    window.$message.info('请选择要恢复的容器')
+    window.$message.info($gettext('Please select containers to resume'))
     return
   }
 
@@ -380,7 +383,7 @@ const bulkUnpause = async () => {
 
   selectedRowKeys.value = []
   refresh()
-  window.$message.success('恢复成功')
+  window.$message.success($gettext('Resume successful'))
 }
 
 const closeContainerCreateModal = () => {
@@ -396,16 +399,16 @@ onMounted(() => {
 <template>
   <n-flex vertical :size="20">
     <n-flex>
-      <n-button type="primary" @click="containerCreateModal = true">创建容器</n-button>
-      <n-button type="primary" @click="handlePrune" ghost>清理容器</n-button>
+      <n-button type="primary" @click="containerCreateModal = true">{{ $gettext('Create Container') }}</n-button>
+      <n-button type="primary" @click="handlePrune" ghost>{{ $gettext('Cleanup Containers') }}</n-button>
       <n-button-group>
-        <n-button @click="bulkStart">启动</n-button>
-        <n-button @click="bulkStop">停止</n-button>
-        <n-button @click="bulkRestart">重启</n-button>
-        <n-button @click="bulkForceStop">强制停止</n-button>
-        <n-button @click="bulkPause">暂停</n-button>
-        <n-button @click="bulkUnpause">恢复</n-button>
-        <n-button @click="bulkDelete">删除</n-button>
+        <n-button @click="bulkStart">{{ $gettext('Start') }}</n-button>
+        <n-button @click="bulkStop">{{ $gettext('Stop') }}</n-button>
+        <n-button @click="bulkRestart">{{ $gettext('Restart') }}</n-button>
+        <n-button @click="bulkForceStop">{{ $gettext('Force Stop') }}</n-button>
+        <n-button @click="bulkPause">{{ $gettext('Pause') }}</n-button>
+        <n-button @click="bulkUnpause">{{ $gettext('Resume') }}</n-button>
+        <n-button @click="bulkDelete">{{ $gettext('Delete') }}</n-button>
       </n-button-group>
     </n-flex>
     <n-data-table
@@ -433,7 +436,7 @@ onMounted(() => {
   <n-modal
     v-model:show="logModal"
     preset="card"
-    title="日志"
+    :title="$gettext('Logs')"
     style="width: 80vw"
     size="huge"
     :bordered="false"
@@ -456,23 +459,23 @@ onMounted(() => {
   <n-modal
     v-model:show="renameModal"
     preset="card"
-    title="重命名"
+    :title="$gettext('Rename')"
     style="width: 60vw"
     size="huge"
     :bordered="false"
     :segmented="false"
   >
     <n-form :model="renameModel">
-      <n-form-item path="name" label="新名称">
+      <n-form-item path="name" :label="$gettext('New Name')">
         <n-input
           v-model:value="renameModel.name"
           type="text"
           @keydown.enter.prevent
-          placeholder="输入新名称"
+          :placeholder="$gettext('Enter new name')"
         />
       </n-form-item>
     </n-form>
-    <n-button type="info" block @click="handleRename">提交</n-button>
+    <n-button type="info" block @click="handleRename">{{ $gettext('Submit') }}</n-button>
   </n-modal>
   <ContainerCreate :show="containerCreateModal" @close="closeContainerCreateModal" />
 </template>
diff --git a/web/src/views/container/ImageView.vue b/web/src/views/container/ImageView.vue
index a4a4d331..4bfba2d3 100644
--- a/web/src/views/container/ImageView.vue
+++ b/web/src/views/container/ImageView.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { NButton, NDataTable, NFlex, NInput, NPopconfirm, NTag } from 'naive-ui'
+import { useGettext } from 'vue3-gettext'
 
 import container from '@/api/panel/container'
 import { formatDateTime } from '@/utils'
 
+const { $gettext } = useGettext()
+
 const pullModel = ref({
   name: '',
   auth: false,
@@ -23,14 +26,14 @@ const columns: any = [
     ellipsis: { tooltip: true }
   },
   {
-    title: '容器数',
+    title: $gettext('Container Count'),
     key: 'containers',
     width: 100,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '镜像',
+    title: $gettext('Image'),
     key: 'repo_tags',
     minWidth: 200,
     resizable: true,
@@ -47,14 +50,14 @@ const columns: any = [
     }
   },
   {
-    title: '大小',
+    title: $gettext('Size'),
     key: 'size',
     width: 150,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '创建时间',
+    title: $gettext('Creation Time'),
     key: 'created_at',
     width: 200,
     resizable: true,
@@ -63,7 +66,7 @@ const columns: any = [
     }
   },
   {
-    title: '操作',
+    title: $gettext('Actions'),
     key: 'actions',
     width: 120,
     align: 'center',
@@ -79,7 +82,7 @@ const columns: any = [
           },
           {
             default: () => {
-              return '确定删除吗？'
+              return $gettext('Are you sure you want to delete?')
             },
             trigger: () => {
               return h(
@@ -89,7 +92,7 @@ const columns: any = [
                   type: 'error'
                 },
                 {
-                  default: () => '删除'
+                  default: () => $gettext('Delete')
                 }
               )
             }
@@ -113,14 +116,14 @@ const { loading, data, page, total, pageSize, pageCount, refresh } = usePaginati
 const handleDelete = async (row: any) => {
   useRequest(container.imageRemove(row.id)).onSuccess(() => {
     refresh()
-    window.$message.success('删除成功')
+    window.$message.success($gettext('Delete successful'))
   })
 }
 
 const handlePrune = () => {
   useRequest(container.imagePrune()).onSuccess(() => {
     refresh()
-    window.$message.success('清理成功')
+    window.$message.success($gettext('Cleanup successful'))
   })
 }
 
@@ -129,7 +132,7 @@ const handlePull = () => {
   useRequest(container.imagePull(pullModel.value))
     .onSuccess(() => {
       refresh()
-      window.$message.success('拉取成功')
+      window.$message.success($gettext('Pull successful'))
     })
     .onComplete(() => {
       loading.value = false
@@ -145,8 +148,8 @@ onMounted(() => {
 <template>
   <n-flex vertical :size="20">
     <n-flex>
-      <n-button type="primary" @click="pullModal = true">拉取镜像</n-button>
-      <n-button type="primary" @click="handlePrune" ghost>清理镜像</n-button>
+      <n-button type="primary" @click="pullModal = true">{{ $gettext('Pull Image') }}</n-button>
+      <n-button type="primary" @click="handlePrune" ghost>{{ $gettext('Cleanup Images') }}</n-button>
     </n-flex>
     <n-data-table
       striped
@@ -173,44 +176,44 @@ onMounted(() => {
   <n-modal
     v-model:show="pullModal"
     preset="card"
-    title="拉取镜像"
+    :title="$gettext('Pull Image')"
     style="width: 60vw"
     size="huge"
     :bordered="false"
     :segmented="false"
   >
     <n-form :model="pullModel">
-      <n-form-item path="name" label="镜像名">
+      <n-form-item path="name" :label="$gettext('Image Name')">
         <n-input
           v-model:value="pullModel.name"
           type="text"
           @keydown.enter.prevent
-          placeholder="docker.io/php:8.3-fpm"
+          :placeholder="$gettext('docker.io/php:8.3-fpm')"
         />
       </n-form-item>
-      <n-form-item path="auth" label="验证">
+      <n-form-item path="auth" :label="$gettext('Authentication')">
         <n-switch v-model:value="pullModel.auth" />
       </n-form-item>
-      <n-form-item v-if="pullModel.auth" path="username" label="用户名">
+      <n-form-item v-if="pullModel.auth" path="username" :label="$gettext('Username')">
         <n-input
           v-model:value="pullModel.username"
           type="text"
           @keydown.enter.prevent
-          placeholder="输入用户名"
+          :placeholder="$gettext('Enter username')"
         />
       </n-form-item>
-      <n-form-item v-if="pullModel.auth" path="password" label="密码">
+      <n-form-item v-if="pullModel.auth" path="password" :label="$gettext('Password')">
         <n-input
           v-model:value="pullModel.password"
           type="password"
           show-password-on="click"
           @keydown.enter.prevent
-          placeholder="输入密码"
+          :placeholder="$gettext('Enter password')"
         />
       </n-form-item>
     </n-form>
     <n-button type="info" block :loading="loading" :disabled="loading" @click="handlePull">
-      提交
+      {{ $gettext('Submit') }}
     </n-button>
   </n-modal>
 </template>
diff --git a/web/src/views/container/IndexView.vue b/web/src/views/container/IndexView.vue
index c443c299..1039b4b1 100644
--- a/web/src/views/container/IndexView.vue
+++ b/web/src/views/container/IndexView.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import ComposeView from '@/views/container/ComposeView.vue'
+import { useGettext } from 'vue3-gettext'
 
 defineOptions({
   name: 'container-index'
@@ -10,25 +11,26 @@ import ImageView from '@/views/container/ImageView.vue'
 import NetworkView from '@/views/container/NetworkView.vue'
 import VolumeView from '@/views/container/VolumeView.vue'
 
+const { $gettext } = useGettext()
 const current = ref('container')
 </script>
 
 <template>
   <common-page show-footer>
     <n-tabs v-model:value="current" type="line" animated>
-      <n-tab-pane name="container" tab="容器">
+      <n-tab-pane name="container" :tab="$gettext('Containers')">
         <container-view />
       </n-tab-pane>
-      <n-tab-pane name="compose" tab="编排">
+      <n-tab-pane name="compose" :tab="$gettext('Compose')">
         <compose-view />
       </n-tab-pane>
-      <n-tab-pane name="image" tab="镜像">
+      <n-tab-pane name="image" :tab="$gettext('Images')">
         <image-view />
       </n-tab-pane>
-      <n-tab-pane name="network" tab="网络">
+      <n-tab-pane name="network" :tab="$gettext('Networks')">
         <network-view />
       </n-tab-pane>
-      <n-tab-pane name="volume" tab="卷">
+      <n-tab-pane name="volume" :tab="$gettext('Volumes')">
         <volume-view />
       </n-tab-pane>
     </n-tabs>
diff --git a/web/src/views/container/NetworkView.vue b/web/src/views/container/NetworkView.vue
index 3b659911..c55eb3f8 100644
--- a/web/src/views/container/NetworkView.vue
+++ b/web/src/views/container/NetworkView.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { NButton, NDataTable, NFlex, NInput, NPopconfirm, NTag } from 'naive-ui'
+import { useGettext } from 'vue3-gettext'
 
 import container from '@/api/panel/container'
 import { formatDateTime } from '@/utils'
 
+const { $gettext } = useGettext()
+
 const createModel = ref({
   name: '',
   driver: 'bridge',
@@ -39,28 +42,28 @@ const selectedRowKeys = ref<any>([])
 const columns: any = [
   { type: 'selection', fixed: 'left' },
   {
-    title: '名称',
+    title: $gettext('Name'),
     key: 'name',
     minWidth: 150,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '驱动',
+    title: $gettext('Driver'),
     key: 'driver',
     width: 100,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '范围',
+    title: $gettext('Scope'),
     key: 'scope',
     width: 100,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '子网',
+    title: $gettext('Subnet'),
     key: 'subnet',
     minWidth: 150,
     resizable: true,
@@ -77,7 +80,7 @@ const columns: any = [
     }
   },
   {
-    title: '网关',
+    title: $gettext('Gateway'),
     key: 'gateway',
     width: 150,
     resizable: true,
@@ -94,7 +97,7 @@ const columns: any = [
     }
   },
   {
-    title: '创建时间',
+    title: $gettext('Creation Time'),
     key: 'created_at',
     width: 200,
     resizable: true,
@@ -103,7 +106,7 @@ const columns: any = [
     }
   },
   {
-    title: '操作',
+    title: $gettext('Actions'),
     key: 'actions',
     width: 120,
     align: 'center',
@@ -119,7 +122,7 @@ const columns: any = [
           },
           {
             default: () => {
-              return '确定删除吗？'
+              return $gettext('Are you sure you want to delete?')
             },
             trigger: () => {
               return h(
@@ -129,7 +132,7 @@ const columns: any = [
                   type: 'error'
                 },
                 {
-                  default: () => '删除'
+                  default: () => $gettext('Delete')
                 }
               )
             }
@@ -153,14 +156,14 @@ const { loading, data, page, total, pageSize, pageCount, refresh } = usePaginati
 const handleDelete = (row: any) => {
   useRequest(container.networkRemove(row.id)).onSuccess(() => {
     refresh()
-    window.$message.success('删除成功')
+    window.$message.success($gettext('Delete successful'))
   })
 }
 
 const handlePrune = () => {
   useRequest(container.networkPrune()).onSuccess(() => {
     refresh()
-    window.$message.success('清理成功')
+    window.$message.success($gettext('Cleanup successful'))
   })
 }
 
@@ -169,7 +172,7 @@ const handleCreate = () => {
   useRequest(container.networkCreate(createModel.value))
     .onSuccess(() => {
       refresh()
-      window.$message.success('创建成功')
+      window.$message.success($gettext('Created successfully'))
     })
     .onComplete(() => {
       loading.value = false
@@ -185,8 +188,8 @@ onMounted(() => {
 <template>
   <n-flex vertical :size="20">
     <n-flex>
-      <n-button type="primary" @click="createModal = true">创建网络</n-button>
-      <n-button type="primary" @click="handlePrune" ghost>清理网络</n-button>
+      <n-button type="primary" @click="createModal = true">{{ $gettext('Create Network') }}</n-button>
+      <n-button type="primary" @click="handlePrune" ghost>{{ $gettext('Cleanup Networks') }}</n-button>
     </n-flex>
     <n-data-table
       striped
@@ -213,17 +216,17 @@ onMounted(() => {
   <n-modal
     v-model:show="createModal"
     preset="card"
-    title="创建网络"
+    :title="$gettext('Create Network')"
     style="width: 60vw"
     size="huge"
     :bordered="false"
     :segmented="false"
   >
     <n-form :model="createModel">
-      <n-form-item path="name" label="网络名">
+      <n-form-item path="name" :label="$gettext('Network Name')">
         <n-input v-model:value="createModel.name" type="text" @keydown.enter.prevent />
       </n-form-item>
-      <n-form-item path="driver" label="驱动">
+      <n-form-item path="driver" :label="$gettext('Driver')">
         <n-select
           :options="options"
           v-model:value="createModel.driver"
@@ -235,76 +238,76 @@ onMounted(() => {
       <n-form-item path="ipv4" label="IPV4">
         <n-switch v-model:value="createModel.ipv4.enabled" />
       </n-form-item>
-      <n-form-item v-if="createModel.ipv4.enabled" path="subnet" label="子网">
+      <n-form-item v-if="createModel.ipv4.enabled" path="subnet" :label="$gettext('Subnet')">
         <n-input
           v-model:value="createModel.ipv4.subnet"
           type="text"
           @keydown.enter.prevent
-          placeholder="172.16.10.0/24"
+          :placeholder="$gettext('172.16.10.0/24')"
         />
       </n-form-item>
-      <n-form-item v-if="createModel.ipv4.enabled" path="gateway" label="网关">
+      <n-form-item v-if="createModel.ipv4.enabled" path="gateway" :label="$gettext('Gateway')">
         <n-input
           v-model:value="createModel.ipv4.gateway"
           type="text"
           @keydown.enter.prevent
-          placeholder="172.16.10.254"
+          :placeholder="$gettext('172.16.10.254')"
         />
       </n-form-item>
-      <n-form-item v-if="createModel.ipv4.enabled" path="ip_range" label="IP范围">
+      <n-form-item v-if="createModel.ipv4.enabled" path="ip_range" :label="$gettext('IP Range')">
         <n-input
           v-model:value="createModel.ipv4.ip_range"
           type="text"
           @keydown.enter.prevent
-          placeholder="172.16.10.0/24"
+          :placeholder="$gettext('172.16.10.0/24')"
         />
       </n-form-item>
       <n-form-item path="ipv6" label="IPV6">
         <n-switch v-model:value="createModel.ipv6.enabled" />
       </n-form-item>
-      <n-form-item v-if="createModel.ipv6.enabled" path="subnet" label="子网">
+      <n-form-item v-if="createModel.ipv6.enabled" path="subnet" :label="$gettext('Subnet')">
         <n-input
           v-model:value="createModel.ipv6.subnet"
           type="text"
           @keydown.enter.prevent
-          placeholder="2408:400e::/48"
+          :placeholder="$gettext('2408:400e::/48')"
         />
       </n-form-item>
-      <n-form-item v-if="createModel.ipv6.enabled" path="gateway" label="网关">
+      <n-form-item v-if="createModel.ipv6.enabled" path="gateway" :label="$gettext('Gateway')">
         <n-input
           v-model:value="createModel.ipv6.gateway"
           type="text"
           @keydown.enter.prevent
-          placeholder="2408:400e::1"
+          :placeholder="$gettext('2408:400e::1')"
         />
       </n-form-item>
-      <n-form-item v-if="createModel.ipv6.enabled" path="ip_range" label="IP范围">
+      <n-form-item v-if="createModel.ipv6.enabled" path="ip_range" :label="$gettext('IP Range')">
         <n-input
           v-model:value="createModel.ipv6.ip_range"
           type="text"
           @keydown.enter.prevent
-          placeholder="2408:400e::/64"
+          :placeholder="$gettext('2408:400e::/64')"
         />
       </n-form-item>
-      <n-form-item path="env" label="标签">
+      <n-form-item path="env" :label="$gettext('Labels')">
         <n-dynamic-input
           v-model:value="createModel.labels"
           preset="pair"
-          key-placeholder="标签名"
-          value-placeholder="标签值"
+          :key-placeholder="$gettext('Label Name')"
+          :value-placeholder="$gettext('Label Value')"
         />
       </n-form-item>
-      <n-form-item path="env" label="选项">
+      <n-form-item path="env" :label="$gettext('Options')">
         <n-dynamic-input
           v-model:value="createModel.options"
           preset="pair"
-          key-placeholder="选项名"
-          value-placeholder="选项值"
+          :key-placeholder="$gettext('Option Name')"
+          :value-placeholder="$gettext('Option Value')"
         />
       </n-form-item>
     </n-form>
     <n-button type="info" block :loading="loading" :disabled="loading" @click="handleCreate">
-      提交
+      {{ $gettext('Submit') }}
     </n-button>
   </n-modal>
 </template>
diff --git a/web/src/views/container/VolumeView.vue b/web/src/views/container/VolumeView.vue
index bda54de6..1c6cfccb 100644
--- a/web/src/views/container/VolumeView.vue
+++ b/web/src/views/container/VolumeView.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import { NButton, NDataTable, NInput, NPopconfirm } from 'naive-ui'
+import { useGettext } from 'vue3-gettext'
 
 import container from '@/api/panel/container'
 import { formatDateTime } from '@/utils'
 
+const { $gettext } = useGettext()
+
 const createModel = ref({
   name: '',
   driver: 'local',
@@ -20,35 +23,35 @@ const selectedRowKeys = ref<any>([])
 const columns: any = [
   { type: 'selection', fixed: 'left' },
   {
-    title: '名称',
+    title: $gettext('Name'),
     key: 'name',
     minWidth: 150,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '驱动',
+    title: $gettext('Driver'),
     key: 'driver',
     width: 100,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '范围',
+    title: $gettext('Scope'),
     key: 'scope',
     width: 100,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: '挂载点',
+    title: $gettext('Mount Point'),
     key: 'mount_point',
     resizable: true,
     minWidth: 150,
     ellipsis: { tooltip: true }
   },
   {
-    title: '创建时间',
+    title: $gettext('Creation Time'),
     key: 'created_at',
     width: 200,
     resizable: true,
@@ -57,7 +60,7 @@ const columns: any = [
     }
   },
   {
-    title: '操作',
+    title: $gettext('Actions'),
     key: 'actions',
     width: 120,
     align: 'center',
@@ -73,7 +76,7 @@ const columns: any = [
           },
           {
             default: () => {
-              return '确定删除吗？'
+              return $gettext('Are you sure you want to delete?')
             },
             trigger: () => {
               return h(
@@ -83,7 +86,7 @@ const columns: any = [
                   type: 'error'
                 },
                 {
-                  default: () => '删除'
+                  default: () => $gettext('Delete')
                 }
               )
             }
@@ -107,14 +110,14 @@ const { loading, data, page, total, pageSize, pageCount, refresh } = usePaginati
 const handleDelete = async (row: any) => {
   useRequest(container.volumeRemove(row.id)).onSuccess(() => {
     refresh()
-    window.$message.success('删除成功')
+    window.$message.success($gettext('Delete successful'))
   })
 }
 
 const handlePrune = () => {
   useRequest(container.volumePrune()).onSuccess(() => {
     refresh()
-    window.$message.success('清理成功')
+    window.$message.success($gettext('Cleanup successful'))
   })
 }
 
@@ -123,7 +126,7 @@ const handleCreate = () => {
   useRequest(container.volumeCreate(createModel.value))
     .onSuccess(() => {
       refresh()
-      window.$message.success('创建成功')
+      window.$message.success($gettext('Created successfully'))
     })
     .onComplete(() => {
       loading.value = false
@@ -139,8 +142,8 @@ onMounted(() => {
 <template>
   <n-flex vertical :size="20">
     <n-flex>
-      <n-button type="primary" @click="createModal = true">创建卷</n-button>
-      <n-button type="primary" @click="handlePrune" ghost>清理卷</n-button>
+      <n-button type="primary" @click="createModal = true">{{ $gettext('Create Volume') }}</n-button>
+      <n-button type="primary" @click="handlePrune" ghost>{{ $gettext('Cleanup Volumes') }}</n-button>
     </n-flex>
     <n-data-table
       striped
@@ -167,17 +170,17 @@ onMounted(() => {
   <n-modal
     v-model:show="createModal"
     preset="card"
-    title="创建卷"
+    :title="$gettext('Create Volume')"
     style="width: 60vw"
     size="huge"
     :bordered="false"
     :segmented="false"
   >
     <n-form :model="createModel">
-      <n-form-item path="name" label="卷名">
+      <n-form-item path="name" :label="$gettext('Volume Name')">
         <n-input v-model:value="createModel.name" type="text" @keydown.enter.prevent />
       </n-form-item>
-      <n-form-item path="driver" label="驱动">
+      <n-form-item path="driver" :label="$gettext('Driver')">
         <n-select
           :options="options"
           v-model:value="createModel.driver"
@@ -186,25 +189,25 @@ onMounted(() => {
         >
         </n-select>
       </n-form-item>
-      <n-form-item path="env" label="标签">
+      <n-form-item path="env" :label="$gettext('Labels')">
         <n-dynamic-input
           v-model:value="createModel.labels"
           preset="pair"
-          key-placeholder="标签名"
-          value-placeholder="标签值"
+          :key-placeholder="$gettext('Label Name')"
+          :value-placeholder="$gettext('Label Value')"
         />
       </n-form-item>
-      <n-form-item path="env" label="选项">
+      <n-form-item path="env" :label="$gettext('Options')">
         <n-dynamic-input
           v-model:value="createModel.options"
           preset="pair"
-          key-placeholder="选项名"
-          value-placeholder="选项值"
+          :key-placeholder="$gettext('Option Name')"
+          :value-placeholder="$gettext('Option Value')"
         />
       </n-form-item>
     </n-form>
     <n-button type="info" block :loading="loading" :disabled="loading" @click="handleCreate">
-      提交
+      {{ $gettext('Submit') }}
     </n-button>
   </n-modal>
 </template>
diff --git a/web/src/views/container/route.ts b/web/src/views/container/route.ts
index db9186b4..de196822 100644
--- a/web/src/views/container/route.ts
+++ b/web/src/views/container/route.ts
@@ -1,3 +1,4 @@
+import { $gettext } from '@/utils/gettext'
 import type { RouteType } from '~/types/router'
 
 const Layout = () => import('@/layout/IndexView.vue')
@@ -15,7 +16,7 @@ export default {
       path: '',
       component: () => import('./IndexView.vue'),
       meta: {
-        title: 'containerIndex.title',
+        title: $gettext('Container'),
         icon: 'mdi:layers-outline',
         role: ['admin'],
         requireAuth: true
diff --git a/web/src/views/dashboard/IndexView.vue b/web/src/views/dashboard/IndexView.vue
index ea2829f5..5ea29ce7 100644
--- a/web/src/views/dashboard/IndexView.vue
+++ b/web/src/views/dashboard/IndexView.vue
@@ -14,7 +14,7 @@ import {
 import { use } from 'echarts/core'
 import { CanvasRenderer } from 'echarts/renderers'
 import { NButton, NPopconfirm } from 'naive-ui'
-import { useI18n } from 'vue-i18n'
+import { useGettext } from 'vue3-gettext'
 
 import dashboard from '@/api/panel/dashboard'
 import { router } from '@/router'
@@ -34,7 +34,7 @@ use([
   DataZoomComponent
 ])
 
-const { locale } = useI18n()
+const { current: locale, $gettext } = useGettext()
 const tabStore = useTabStore()
 const realtime = ref<Realtime | null>(null)
 
@@ -126,13 +126,13 @@ const statusColor = (percentage: number) => {
 
 const statusText = (percentage: number) => {
   if (percentage >= 90) {
-    return '运行堵塞'
+    return $gettext('Running blocked')
   } else if (percentage >= 80) {
-    return '运行缓慢'
+    return $gettext('Running slowly')
   } else if (percentage >= 70) {
-    return '运行正常'
+    return $gettext('Running normally')
   }
-  return '运行流畅'
+  return $gettext('Running smoothly')
 }
 
 const chartOptions = computed(() => {
@@ -318,9 +318,9 @@ const fetchCurrent = () => {
 
 const handleRestartPanel = () => {
   clearInterval(homeInterval)
-  window.$message.loading('面板重启中...')
+  window.$message.loading($gettext('Panel restarting...'))
   useRequest(dashboard.restart()).onSuccess(() => {
-    window.$message.success('面板重启成功')
+    window.$message.success($gettext('Panel restarted successfully'))
     setTimeout(() => {
       tabStore.reloadTab(tabStore.active)
     }, 3000)
@@ -332,7 +332,7 @@ const handleUpdate = () => {
     if (data.update) {
       router.push({ name: 'dashboard-update' })
     } else {
-      window.$message.success('当前已是最新版本')
+      window.$message.success($gettext('Current version is the latest'))
     }
   })
 }
@@ -376,7 +376,14 @@ const clearCurrent = () => {
 }
 
 const quantifier = computed(() => {
-  return locale.value === 'en' ? '' : ' 个'
+  switch (locale) {
+    case 'zh_CN':
+      return '个'
+    case 'zh_TW':
+      return '個'
+    default:
+      return ''
+  }
 })
 
 let homeInterval: any = null
@@ -408,40 +415,48 @@ if (import.meta.hot) {
           <n-page-header :subtitle="systemInfo?.panel_version">
             <n-grid :cols="4" pb-10>
               <n-gi>
-                <n-statistic label="网站" :value="countInfo.website + quantifier" />
+                <n-statistic :label="$gettext('Website')" :value="countInfo.website + quantifier" />
               </n-gi>
               <n-gi>
-                <n-statistic label="数据库" :value="countInfo.database + quantifier" />
+                <n-statistic
+                  :label="$gettext('Database')"
+                  :value="countInfo.database + quantifier"
+                />
               </n-gi>
               <n-gi>
                 <n-statistic label="FTP" :value="countInfo.ftp + quantifier" />
               </n-gi>
               <n-gi>
-                <n-statistic label="计划任务" :value="countInfo.cron + quantifier" />
+                <n-statistic
+                  :label="$gettext('Scheduled Tasks')"
+                  :value="countInfo.cron + quantifier"
+                />
               </n-gi>
             </n-grid>
-            <template #title>耗子面板</template>
+            <template #title>{{ $gettext('Rat Panel') }}</template>
             <template #extra>
               <n-flex>
-                <n-button type="primary" @click="toSponsor"> 赞助支持 </n-button>
+                <n-button type="primary" @click="toSponsor">
+                  {{ $gettext('Sponsor Support') }}
+                </n-button>
                 <n-popconfirm @positive-click="handleRestartPanel">
                   <template #trigger>
-                    <n-button type="warning"> 重启 </n-button>
+                    <n-button type="warning"> {{ $gettext('Restart') }} </n-button>
                   </template>
-                  确定要重启面板吗？
+                  {{ $gettext('Are you sure you want to restart the panel?') }}
                 </n-popconfirm>
-                <n-button type="success" @click="handleUpdate"> 更新 </n-button>
+                <n-button type="success" @click="handleUpdate"> {{ $gettext('Update') }} </n-button>
               </n-flex>
             </template>
           </n-page-header>
         </n-card>
 
-        <n-card :segmented="true" size="small" title="资源总览">
+        <n-card :segmented="true" size="small" :title="$gettext('Resource Overview')">
           <n-flex v-if="realtime" size="large">
             <n-popover placement="bottom" trigger="hover">
               <template #trigger>
                 <n-flex vertical flex items-center p-20 pl-40 pr-40>
-                  <p>负载状态</p>
+                  <p>{{ $gettext('Load Status') }}</p>
                   <n-progress
                     type="dashboard"
                     :percentage="Math.round(formatPercent((realtime.load.load1 / cores) * 100))"
@@ -453,21 +468,21 @@ if (import.meta.hot) {
               </template>
               <n-table :single-line="false" striped>
                 <tr>
-                  <th>最近 1 分钟</th>
+                  <th>{{ $gettext('Last 1 minute') }}</th>
                   <td>
                     {{ formatPercent((realtime.load.load1 / cores) * 100) }}% /
                     {{ realtime.load.load1 }}
                   </td>
                 </tr>
                 <tr>
-                  <th>最近 5 分钟</th>
+                  <th>{{ $gettext('Last 5 minutes') }}</th>
                   <td>
                     {{ formatPercent((realtime.load.load5 / cores) * 100) }}% /
                     {{ realtime.load.load5 }}
                   </td>
                 </tr>
                 <tr>
-                  <th>最近 15 分钟</th>
+                  <th>{{ $gettext('Last 15 minutes') }}</th>
                   <td>
                     {{ formatPercent((realtime.load.load15 / cores) * 100) }}% /
                     {{ realtime.load.load15 }}
@@ -485,25 +500,26 @@ if (import.meta.hot) {
                     :color="statusColor(realtime.percent)"
                   >
                   </n-progress>
-                  <p>{{ cores }} 核心</p>
+                  <p>{{ cores }} {{ $gettext('cores') }}</p>
                 </n-flex>
               </template>
               <n-table :single-line="false" striped>
                 <tr>
-                  <th>型号</th>
+                  <th>{{ $gettext('Model') }}</th>
                   <td>{{ realtime.cpus[0].modelName }}</td>
                 </tr>
                 <tr>
-                  <th>参数</th>
+                  <th>{{ $gettext('Parameters') }}</th>
                   <td>
-                    {{ realtime.cpus.length }} CPU {{ cores }} 核心
-                    {{ formatBytes(realtime.cpus[0].cacheSize * 1024) }} 缓存
+                    {{ realtime.cpus.length }} CPU {{ cores }} {{ $gettext('cores') }}
+                    {{ formatBytes(realtime.cpus[0].cacheSize * 1024) }} {{ $gettext('cache') }}
                   </td>
                 </tr>
                 <tr v-for="item in realtime.cpus" :key="item.modelName">
                   <th>CPU-{{ item.cpu }}</th>
                   <td>
-                    使用率 {{ formatPercent(realtime.percents[item.cpu]) }}% 频率 {{ item.mhz }} MHz
+                    {{ $gettext('Usage') }} {{ formatPercent(realtime.percents[item.cpu]) }}%
+                    {{ $gettext('Frequency') }} {{ item.mhz }} MHz
                   </td>
                 </tr>
               </n-table>
@@ -511,7 +527,7 @@ if (import.meta.hot) {
             <n-popover placement="bottom" trigger="hover">
               <template #trigger>
                 <n-flex vertical flex items-center p-20 pl-40 pr-40>
-                  <p>内存</p>
+                  <p>{{ $gettext('Memory') }}</p>
                   <n-progress
                     type="dashboard"
                     :percentage="realtime.mem.usedPercent"
@@ -523,73 +539,73 @@ if (import.meta.hot) {
               </template>
               <n-table :single-line="false" striped>
                 <tr>
-                  <th>活跃</th>
+                  <th>{{ $gettext('Active') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.active) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>不活跃</th>
+                  <th>{{ $gettext('Inactive') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.inactive) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>空闲</th>
+                  <th>{{ $gettext('Free') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.free) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>共享</th>
+                  <th>{{ $gettext('Shared') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.shared) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>已提交</th>
+                  <th>{{ $gettext('Committed') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.committedas) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>提交限制</th>
+                  <th>{{ $gettext('Commit Limit') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.commitlimit) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>SWAP大小</th>
+                  <th>{{ $gettext('SWAP Size') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.swaptotal) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>SWAP已用</th>
+                  <th>{{ $gettext('SWAP Used') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.swapcached) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>SWAP可用</th>
+                  <th>{{ $gettext('SWAP Available') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.swapfree) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>物理内存大小</th>
+                  <th>{{ $gettext('Physical Memory Size') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.total) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>物理内存已用</th>
+                  <th>{{ $gettext('Physical Memory Used') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.used) }}
                   </td>
                 </tr>
                 <tr>
-                  <th>物理内存可用</th>
+                  <th>{{ $gettext('Physical Memory Available') }}</th>
                   <td>
                     {{ formatBytes(realtime.mem.available) }}
                   </td>
@@ -622,27 +638,27 @@ if (import.meta.hot) {
               </template>
               <n-table :single-line="false">
                 <tr>
-                  <th>挂载点</th>
+                  <th>{{ $gettext('Mount Point') }}</th>
                   <td>{{ item.path }}</td>
                 </tr>
                 <tr>
-                  <th>文件系统</th>
+                  <th>{{ $gettext('File System') }}</th>
                   <td>{{ item.fstype }}</td>
                 </tr>
                 <tr>
-                  <th>Inodes 使用率</th>
+                  <th>{{ $gettext('Inodes Usage') }}</th>
                   <td>{{ formatPercent(item.inodesUsedPercent) }}%</td>
                 </tr>
                 <tr>
-                  <th>Inodes 总数</th>
+                  <th>{{ $gettext('Inodes Total') }}</th>
                   <td>{{ item.inodesTotal }}</td>
                 </tr>
                 <tr>
-                  <th>Inodes 已用</th>
+                  <th>{{ $gettext('Inodes Used') }}</th>
                   <td>{{ item.inodesUsed }}</td>
                 </tr>
                 <tr>
-                  <th>Inodes 可用</th>
+                  <th>{{ $gettext('Inodes Available') }}</th>
                   <td>{{ item.inodesFree }}</td>
                 </tr>
               </n-table>
@@ -659,7 +675,7 @@ if (import.meta.hot) {
         >
           <n-gi>
             <n-flex vertical>
-              <n-card :segmented="true" size="small" title="快捷应用" min-h-340>
+              <n-card :segmented="true" size="small" :title="$gettext('Quick Apps')" min-h-340>
                 <n-scrollbar max-h-270>
                   <n-grid
                     v-if="!homeAppsLoading"
@@ -702,57 +718,60 @@ if (import.meta.hot) {
                   </n-grid>
                 </n-scrollbar>
                 <n-text v-if="!homeAppsLoading && !homeApps.length">
-                  您还没有设置任何应用在此显示！
+                  {{ $gettext('You have not set any apps to display here!') }}
                 </n-text>
                 <n-skeleton v-if="homeAppsLoading" text :repeat="12" />
               </n-card>
-              <n-card :segmented="true" size="small" title="环境信息">
+              <n-card :segmented="true" size="small" :title="$gettext('Environment Information')">
                 <n-table v-if="systemInfo" :single-line="false">
                   <tr>
-                    <th>系统主机名</th>
+                    <th>{{ $gettext('System Hostname') }}</th>
                     <td>
-                      {{ systemInfo?.hostname || '加载中...' }}
+                      {{ systemInfo?.hostname || $gettext('Loading...') }}
                     </td>
                   </tr>
                   <tr>
-                    <th>系统版本号</th>
+                    <th>{{ $gettext('System Version') }}</th>
                     <td>
-                      {{ `${systemInfo?.os_name} ${systemInfo?.kernel_arch}` || '加载中...' }}
+                      {{
+                        `${systemInfo?.os_name} ${systemInfo?.kernel_arch}` ||
+                        $gettext('Loading...')
+                      }}
                     </td>
                   </tr>
                   <tr>
-                    <th>系统内核版本</th>
+                    <th>{{ $gettext('System Kernel Version') }}</th>
                     <td>
-                      {{ systemInfo?.kernel_version || '加载中...' }}
+                      {{ systemInfo?.kernel_version || $gettext('Loading...') }}
                     </td>
                   </tr>
                   <tr>
-                    <th>系统运行时间</th>
+                    <th>{{ $gettext('System Uptime') }}</th>
                     <td>
-                      {{ formatDuration(Number(systemInfo?.uptime)) || '加载中...' }}
+                      {{ formatDuration(Number(systemInfo?.uptime)) || $gettext('Loading...') }}
                     </td>
                   </tr>
                   <tr>
-                    <th>面板内部版本</th>
+                    <th>{{ $gettext('Panel Internal Version') }}</th>
                     <td>
                       {{
                         systemInfo?.commit_hash +
                           ' ' +
                           systemInfo?.go_version +
                           ' ' +
-                          systemInfo?.build_time || '加载中...'
+                          systemInfo?.build_time || $gettext('Loading...')
                       }}
                     </td>
                   </tr>
                   <tr>
-                    <th>面板编译信息</th>
+                    <th>{{ $gettext('Panel Compile Information') }}</th>
                     <td>
                       {{
                         systemInfo?.build_id +
                           ' ' +
                           systemInfo?.build_user +
                           '/' +
-                          systemInfo?.build_host || '加载中...'
+                          systemInfo?.build_host || $gettext('Loading...')
                       }}
                     </td>
                   </tr>
@@ -762,7 +781,7 @@ if (import.meta.hot) {
             </n-flex>
           </n-gi>
           <n-gi>
-            <n-card :segmented="true" size="small" title="实时监控">
+            <n-card :segmented="true" size="small" :title="$gettext('Real-time Monitoring')">
               <n-flex vertical v-if="systemInfo">
                 <n-form
                   inline
@@ -772,11 +791,11 @@ if (import.meta.hot) {
                 >
                   <n-form-item>
                     <n-radio-group v-model:value="chartType">
-                      <n-radio-button value="net" label="网络" />
-                      <n-radio-button value="disk" label="硬盘" />
+                      <n-radio-button value="net" :label="$gettext('Network')" />
+                      <n-radio-button value="disk" :label="$gettext('Disk')" />
                     </n-radio-group>
                   </n-form-item>
-                  <n-form-item label="单位" ml-auto>
+                  <n-form-item :label="$gettext('Unit')" ml-auto>
                     <n-select
                       v-model:value="unitType"
                       :options="units"
@@ -784,7 +803,7 @@ if (import.meta.hot) {
                       w-80
                     ></n-select>
                   </n-form-item>
-                  <n-form-item v-if="chartType == 'net'" label="网卡">
+                  <n-form-item v-if="chartType == 'net'" :label="$gettext('Network Card')">
                     <n-select
                       multiple
                       v-model:value="nets"
@@ -793,7 +812,7 @@ if (import.meta.hot) {
                       w-200
                     ></n-select>
                   </n-form-item>
-                  <n-form-item v-if="chartType == 'disk'" label="硬盘">
+                  <n-form-item v-if="chartType == 'disk'" :label="$gettext('Disk')">
                     <n-select
                       multiple
                       v-model:value="disks"
@@ -804,16 +823,26 @@ if (import.meta.hot) {
                   </n-form-item>
                 </n-form>
                 <n-flex v-if="chartType == 'net'">
-                  <n-tag>总发送 {{ formatBytes(total.netBytesSent) }}</n-tag>
-                  <n-tag>总接收 {{ formatBytes(total.netBytesRecv) }}</n-tag>
-                  <n-tag>实时发送 {{ formatBytes(current.netBytesSent) }}/s</n-tag>
-                  <n-tag>实时接收 {{ formatBytes(current.netBytesRecv) }}/s</n-tag>
+                  <n-tag>{{ $gettext('Total Sent') }} {{ formatBytes(total.netBytesSent) }} </n-tag>
+                  <n-tag>
+                    {{ $gettext('Total Received') }} {{ formatBytes(total.netBytesRecv) }}
+                  </n-tag>
+                  <n-tag>
+                    {{ $gettext('Real-time Sent') }}
+                    {{ formatBytes(current.netBytesSent) }}/s
+                  </n-tag>
+                  <n-tag
+                    >{{ $gettext('Real-time Received') }} {{ formatBytes(current.netBytesRecv) }}/s
+                  </n-tag>
                 </n-flex>
                 <n-flex v-if="chartType == 'disk'">
-                  <n-tag>读取 {{ formatBytes(total.diskReadBytes) }}</n-tag>
-                  <n-tag>写入 {{ formatBytes(total.diskWriteBytes) }}</n-tag>
-                  <n-tag>实时读写 {{ formatBytes(current.diskRWBytes) }}/s</n-tag>
-                  <n-tag>读写延迟 {{ current.diskRWTime }}ms</n-tag>
+                  <n-tag>{{ $gettext('Read') }} {{ formatBytes(total.diskReadBytes) }}</n-tag>
+                  <n-tag>{{ $gettext('Write') }} {{ formatBytes(total.diskWriteBytes) }}</n-tag>
+                  <n-tag
+                    >{{ $gettext('Real-time Read/Write') }}
+                    {{ formatBytes(current.diskRWBytes) }}/s</n-tag
+                  >
+                  <n-tag>{{ $gettext('Read/Write Latency') }} {{ current.diskRWTime }}ms</n-tag>
                 </n-flex>
                 <n-card :bordered="false" h-530 pt-10>
                   <v-chart class="chart" :option="chartOptions" autoresize />
diff --git a/web/src/views/dashboard/route.ts b/web/src/views/dashboard/route.ts
index 1971d88d..2dbdc67e 100644
--- a/web/src/views/dashboard/route.ts
+++ b/web/src/views/dashboard/route.ts
@@ -1,3 +1,4 @@
+import { $gettext } from '@/utils/gettext'
 import type { RouteType } from '~/types/router'
 
 const Layout = () => import('@/layout/IndexView.vue')
@@ -16,7 +17,7 @@ export default {
       path: 'dashboard',
       component: () => import('./IndexView.vue'),
       meta: {
-        title: '仪表盘',
+        title: $gettext('Dashboard'),
         icon: 'mdi:gauge',
         role: ['admin'],
         requireAuth: true
@@ -28,7 +29,7 @@ export default {
       component: () => import('./UpdateView.vue'),
       isHidden: true,
       meta: {
-        title: 'homeUpdate.title',
+        title: $gettext('Update'),
         icon: 'mdi:archive-arrow-up-outline',
         role: ['admin'],
         requireAuth: true
diff --git a/web/src/views/website/IndexView.vue b/web/src/views/website/IndexView.vue
index 07d885f5..d3be01c4 100644
--- a/web/src/views/website/IndexView.vue
+++ b/web/src/views/website/IndexView.vue
@@ -5,7 +5,7 @@ defineOptions({
 
 import Editor from '@guolao/vue-monaco-editor'
 import { NButton, NCheckbox, NDataTable, NFlex, NInput, NPopconfirm, NSwitch, NTag } from 'naive-ui'
-import { useI18n } from 'vue-i18n'
+import { useGettext } from 'vue3-gettext'
 
 import dashboard from '@/api/panel/dashboard'
 import website from '@/api/panel/website'
@@ -13,21 +13,21 @@ import { useFileStore } from '@/store'
 import { generateRandomString, isNullOrUndef, renderIcon } from '@/utils'
 
 const fileStore = useFileStore()
-const { t } = useI18n()
+const { $gettext } = useGettext()
 const router = useRouter()
 const selectedRowKeys = ref<any>([])
 
 const columns: any = [
   { type: 'selection', fixed: 'left' },
   {
-    title: t('websiteIndex.columns.name'),
+    title: $gettext('Website Name'),
     key: 'name',
     width: 200,
     resizable: true,
     ellipsis: { tooltip: true }
   },
   {
-    title: t('websiteIndex.columns.status'),
+    title: $gettext('Running'),
     key: 'status',
     width: 150,
     align: 'center',
@@ -41,7 +41,7 @@ const columns: any = [
     }
   },
   {
-    title: t('websiteIndex.columns.path'),
+    title: $gettext('Directory'),
     key: 'path',
     minWidth: 200,
     resizable: true,
@@ -75,7 +75,7 @@ const columns: any = [
     }
   },
   {
-    title: t('websiteIndex.columns.remark'),
+    title: $gettext('Remark'),
     key: 'remark',
     minWidth: 200,
     resizable: true,
@@ -92,7 +92,7 @@ const columns: any = [
     }
   },
   {
-    title: t('websiteIndex.columns.actions'),
+    title: $gettext('Actions'),
     key: 'actions',
     width: 220,
     align: 'center',
@@ -108,7 +108,7 @@ const columns: any = [
             onClick: () => handleEdit(row)
           },
           {
-            default: () => '修改',
+            default: () => $gettext('Edit'),
             icon: renderIcon('material-symbols:edit-outline', { size: 14 })
           }
         ),
@@ -127,14 +127,23 @@ const columns: any = [
                 },
                 {
                   default: () => [
-                    h('strong', {}, { default: () => `确定删除网站 ${row.name} 吗？` }),
+                    h(
+                      'strong',
+                      {},
+                      {
+                        default: () =>
+                          $gettext('Are you sure you want to delete website %{ name }?', {
+                            name: row.name
+                          })
+                      }
+                    ),
                     h(
                       NCheckbox,
                       {
                         checked: deleteModel.value.path,
                         onUpdateChecked: (v) => (deleteModel.value.path = v)
                       },
-                      { default: () => '删除网站目录' }
+                      { default: () => $gettext('Delete website directory') }
                     ),
                     h(
                       NCheckbox,
@@ -142,7 +151,7 @@ const columns: any = [
                         checked: deleteModel.value.db,
                         onUpdateChecked: (v) => (deleteModel.value.db = v)
                       },
-                      { default: () => '删除本地同名数据库' }
+                      { default: () => $gettext('Delete local database with the same name') }
                     )
                   ]
                 }
@@ -157,7 +166,7 @@ const columns: any = [
                   style: 'margin-left: 15px;'
                 },
                 {
-                  default: () => '删除',
+                  default: () => $gettext('Delete'),
                   icon: renderIcon('material-symbols:delete-outline', { size: 14 })
                 }
               )
@@ -198,7 +207,7 @@ const { data: installedDbAndPhp } = useRequest(dashboard.installedDbAndPhp, {
   initialData: {
     php: [
       {
-        label: '不使用',
+        label: $gettext('Not used'),
         value: 0
       }
     ],
@@ -227,7 +236,11 @@ const handleStatusChange = (row: any) => {
 
   useRequest(website.status(row.id, !row.status)).onSuccess(() => {
     row.status = !row.status
-    window.$message.success('已' + (row.status ? '启动' : '停止'))
+    window.$message.success(
+      $gettext('Already %{ status }', {
+        status: row.status ? $gettext('started') : $gettext('stopped')
+      })
+    )
   })
 }
 
@@ -237,7 +250,7 @@ const getDefaultPage = async () => {
 
 const handleRemark = (row: any) => {
   useRequest(website.updateRemark(row.id, row.remark)).onSuccess(() => {
-    window.$message.success('修改成功')
+    window.$message.success($gettext('Modified successfully'))
   })
 }
 
@@ -254,7 +267,7 @@ const handleDelete = (id: number) => {
   useRequest(website.delete(id, deleteModel.value.path, deleteModel.value.db)).onSuccess(() => {
     refresh()
     deleteModel.value.path = true
-    window.$message.success('删除成功')
+    window.$message.success($gettext('Deleted successfully'))
   })
 }
 
@@ -263,7 +276,7 @@ const handleSaveDefaultPage = () => {
     website.saveDefaultConfig(editDefaultPageModel.value.index, editDefaultPageModel.value.stop)
   ).onSuccess(() => {
     editDefaultPageModal.value = false
-    window.$message.success('修改成功')
+    window.$message.success($gettext('Modified successfully'))
   })
 }
 
@@ -293,13 +306,13 @@ const handleCreate = async () => {
       path: '',
       remark: ''
     }
-    window.$message.success('创建成功')
+    window.$message.success($gettext('Created successfully'))
   })
 }
 
 const bulkDelete = async () => {
   if (selectedRowKeys.value.length === 0) {
-    window.$message.info('请选择要删除的网站')
+    window.$message.info($gettext('Please select the websites to delete'))
     return
   }
 
@@ -308,7 +321,7 @@ const bulkDelete = async () => {
 
   selectedRowKeys.value = []
   refresh()
-  window.$message.success('删除成功')
+  window.$message.success($gettext('Deleted successfully'))
 }
 
 const formatDbValue = (value: string) => {
@@ -332,16 +345,20 @@ onMounted(() => {
     <n-flex vertical :size="20">
       <n-flex>
         <n-button type="primary" @click="createModal = true">
-          {{ $t('websiteIndex.create.trigger') }}
+          {{ $gettext('Create Website') }}
         </n-button>
         <n-popconfirm @positive-click="bulkDelete">
           <template #trigger>
-            <n-button type="error"> 批量删除 </n-button>
+            <n-button type="error"> {{ $gettext('Batch Delete') }} </n-button>
           </template>
-          这会删除网站目录但不会删除同名数据库，确定删除选中的网站吗？
+          {{
+            $gettext(
+              'This will delete the website directory but not the database with the same name. Are you sure you want to delete the selected websites?'
+            )
+          }}
         </n-popconfirm>
         <n-button type="warning" @click="editDefaultPageModal = true">
-          {{ $t('websiteIndex.edit.trigger') }}
+          {{ $gettext('Modify Default Page') }}
         </n-button>
       </n-flex>
       <n-data-table
@@ -369,7 +386,7 @@ onMounted(() => {
   </common-page>
   <n-modal
     v-model:show="createModal"
-    :title="$t('websiteIndex.create.title')"
+    :title="$gettext('Create Website')"
     preset="card"
     style="width: 60vw"
     size="huge"
@@ -378,17 +395,21 @@ onMounted(() => {
     @close="createModal = false"
   >
     <n-form :model="createModel">
-      <n-form-item path="name" :label="$t('websiteIndex.create.fields.name.label')">
+      <n-form-item path="name" :label="$gettext('Website Name')">
         <n-input
           v-model:value="createModel.name"
           type="text"
           @keydown.enter.prevent
-          :placeholder="$t('websiteIndex.create.fields.name.placeholder')"
+          :placeholder="
+            $gettext(
+              'Recommended to use English for the website name, it cannot be modified after setting'
+            )
+          "
         />
       </n-form-item>
       <n-row :gutter="[0, 24]">
         <n-col :span="11">
-          <n-form-item :label="$t('websiteIndex.create.fields.domains.label')">
+          <n-form-item :label="$gettext('Domain')">
             <n-dynamic-input
               v-model:value="createModel.domains"
               placeholder="example.com"
@@ -399,7 +420,7 @@ onMounted(() => {
         </n-col>
         <n-col :span="2"></n-col>
         <n-col :span="11">
-          <n-form-item :label="$t('websiteIndex.create.fields.port.label')">
+          <n-form-item :label="$gettext('Port')">
             <n-dynamic-input
               v-model:value="createModel.listens"
               placeholder="80"
@@ -411,11 +432,11 @@ onMounted(() => {
       </n-row>
       <n-row :gutter="[0, 24]">
         <n-col :span="11">
-          <n-form-item path="php" :label="$t('websiteIndex.create.fields.phpVersion.label')">
+          <n-form-item path="php" :label="$gettext('PHP Version')">
             <n-select
               v-model:value="createModel.php"
               :options="installedDbAndPhp.php"
-              :placeholder="$t('websiteIndex.create.fields.phpVersion.placeholder')"
+              :placeholder="$gettext('Select PHP Version')"
               @keydown.enter.prevent
             >
             </n-select>
@@ -423,11 +444,11 @@ onMounted(() => {
         </n-col>
         <n-col :span="2"></n-col>
         <n-col :span="11">
-          <n-form-item path="db" :label="$t('websiteIndex.create.fields.db.label')">
+          <n-form-item path="db" :label="$gettext('Database')">
             <n-select
               v-model:value="createModel.db_type"
               :options="installedDbAndPhp.db"
-              :placeholder="$t('websiteIndex.create.fields.db.placeholder')"
+              :placeholder="$gettext('Select Database')"
               @keydown.enter.prevent
               @update:value="
                 () => {
@@ -444,31 +465,23 @@ onMounted(() => {
       </n-row>
       <n-row :gutter="[0, 24]">
         <n-col :span="7">
-          <n-form-item
-            v-if="createModel.db"
-            path="db_name"
-            :label="$t('websiteIndex.create.fields.dbName.label')"
-          >
+          <n-form-item v-if="createModel.db" path="db_name" :label="$gettext('Database Name')">
             <n-input
               v-model:value="createModel.db_name"
               type="text"
               @keydown.enter.prevent
-              :placeholder="$t('websiteIndex.create.fields.dbName.placeholder')"
+              :placeholder="$gettext('Database Name')"
             />
           </n-form-item>
         </n-col>
         <n-col :span="1"></n-col>
         <n-col :span="7">
-          <n-form-item
-            v-if="createModel.db"
-            path="db_user"
-            :label="$t('websiteIndex.create.fields.dbUser.label')"
-          >
+          <n-form-item v-if="createModel.db" path="db_user" :label="$gettext('Database User')">
             <n-input
               v-model:value="createModel.db_user"
               type="text"
               @keydown.enter.prevent
-              :placeholder="$t('websiteIndex.create.fields.dbUser.placeholder')"
+              :placeholder="$gettext('Database User')"
             />
           </n-form-item>
         </n-col>
@@ -477,42 +490,46 @@ onMounted(() => {
           <n-form-item
             v-if="createModel.db"
             path="db_password"
-            :label="$t('websiteIndex.create.fields.dbPassword.label')"
+            :label="$gettext('Database Password')"
           >
             <n-input
               v-model:value="createModel.db_password"
               type="text"
               @keydown.enter.prevent
-              :placeholder="$t('websiteIndex.create.fields.dbPassword.placeholder')"
+              :placeholder="$gettext('Database Password')"
             />
           </n-form-item>
         </n-col>
       </n-row>
-      <n-form-item path="path" :label="$t('websiteIndex.create.fields.path.label')">
+      <n-form-item path="path" :label="$gettext('Directory')">
         <n-input
           v-model:value="createModel.path"
           type="text"
           @keydown.enter.prevent
-          :placeholder="$t('websiteIndex.create.fields.path.placeholder')"
+          :placeholder="
+            $gettext(
+              'Website root directory (if left empty, defaults to website directory/website name)'
+            )
+          "
         />
       </n-form-item>
-      <n-form-item path="remark" :label="$t('websiteIndex.create.fields.remark.label')">
+      <n-form-item path="remark" :label="$gettext('Remark')">
         <n-input
           v-model:value="createModel.remark"
           type="textarea"
           @keydown.enter.prevent
-          :placeholder="$t('websiteIndex.create.fields.remark.placeholder')"
+          :placeholder="$gettext('Remark')"
         />
       </n-form-item>
     </n-form>
     <n-button type="info" block @click="handleCreate">
-      {{ $t('websiteIndex.create.actions.submit') }}
+      {{ $gettext('Create') }}
     </n-button>
   </n-modal>
   <n-modal
     v-model:show="editDefaultPageModal"
     preset="card"
-    title="修改默认页"
+    :title="$gettext('Modify Default Page')"
     style="width: 80vw"
     size="huge"
     :bordered="false"
@@ -520,7 +537,7 @@ onMounted(() => {
     @close="handleSaveDefaultPage"
   >
     <n-tabs type="line" animated>
-      <n-tab-pane name="index" tab="默认页">
+      <n-tab-pane :name="$gettext('Default Page')" :tab="$gettext('Default Page')">
         <Editor
           v-model:value="editDefaultPageModel.index"
           language="html"
@@ -534,7 +551,7 @@ onMounted(() => {
           }"
         />
       </n-tab-pane>
-      <n-tab-pane name="stop" tab="停止页">
+      <n-tab-pane :name="$gettext('Stop Page')" :tab="$gettext('Stop Page')">
         <Editor
           v-model:value="editDefaultPageModel.stop"
           language="html"