@jx3box/jx3box-ui 2.3.12 → 2.3.13

package/assets/css/interact/share2.less

@@ -2,12 +2,14 @@
 .w-share2 {
     .pointer;
     .dbi;
+
     .u-icon {
         .size(26px);
         .y;
         box-sizing: border-box;
         .pr;
     }
+
     .u-simple-icon {
         .size(20px);
         position: relative;
@@ -15,90 +17,124 @@
         fill: @color;
     }
 }
+
 .u-share2-pop {
+    padding: 0 !important;
+    overflow: hidden;
+    border: 0 !important;
+    border-radius: 12px !important;
+    box-shadow: 0 12px 32px rgb(31 45 61 / 14%) !important;
+
     .u-share2-content {
         display: flex;
-        justify-content: space-between;
+        align-items: stretch;
+        width: 390px;
+        background: #fff;
+    }
+
+    .u-share2-content-main {
+        display: grid;
+        grid-template-columns: repeat(2, 78px);
+        gap: 10px;
+        align-content: center;
+        padding: 22px 20px;
+    }
+
+    .u-share2-item {
+        display: flex;
+        flex-direction: column;
+        gap: 7px;
         align-items: center;
+        justify-content: center;
+        min-height: 78px;
+        padding: 8px 5px;
+        color: #606266;
+        cursor: pointer;
+        border: 1px solid transparent;
+        border-radius: 9px;
+        transition: all .2s ease;
 
-        .w(400px);
-        .u-share2-content-main {
-            // display: flex;
-            &::after {
-                content: "";
-                height: 100%;
-                width: 1px;
-                color: #ececec;
-                .pa;
-                top: 0;
-                right: 0;
-            }
+        &:hover {
+            color: #0366d6;
+            background: #f2f8ff;
+            border-color: #d6e9ff;
+            transform: translateY(-2px);
 
-            .u-share2-item {
-                display: inline-flex;
-                flex-direction: column;
-                align-items: center;
-
-                cursor: pointer;
-                text-align: center;
-                width: 55px;
-                white-space: nowrap;
-                text-align: center;
-                .mr(10px);
-                overflow: hidden;
-
-                &:hover {
-                    color: #00a1d6;
-                    // .u-share-icon {
-                    //     // 利用shadow来改变 icon 颜色，注意overflow应为hidden
-                    //     position: relative;
-                    //     left: -80px;
-                    //     filter: drop-shadow(80px 0 #00a1d6);
-                    // }
-                }
+            .u-share-icon {
+                transform: scale(1.08);
             }
         }
-        .u-share2-wechat {
-            text-align: center;
-            padding: 0 0 0 20px;
-            border-left: 1px solid #e5e9ef;
-            margin-left: 10px;
-            .flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
+    }
 
-            .u-pic {
-                cursor: pointer;
-            }
-        }
+    .u-share2-name {
+        font-size: 13px;
+        line-height: 18px;
+        white-space: nowrap;
     }
 
     .u-share-icon {
         .size(28px);
+        transition: transform .2s ease;
+    }
+
+    .u-share2-wechat {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        gap: 10px;
+        align-items: center;
+        justify-content: center;
+        min-width: 160px;
+        padding: 20px 18px;
+        color: #5a5273;
+        font-size: 13px;
+        line-height: 20px;
+        text-align: center;
+        background: linear-gradient(145deg, #faf7ff, #f1ebff);
+        border-left: 1px solid #e8e1f6;
+
+        .u-pic {
+            display: flex;
+            padding: 6px;
+            cursor: pointer;
+            background: #fff;
+            border-radius: 8px;
+            box-shadow: 0 4px 12px rgb(103 79 151 / 12%);
+        }
     }
 }
 
 @media screen and (max-width: @phone) {
     .u-share2-pop {
         .u-share2-content {
-            .w(150px);
-            flex-wrap: wrap;
-            text-align: center;
-
-            .u-share2-wechat {
-                text-align: center;
-                .w(150px);
-                padding: 0;
-                padding-top: 20px;
-                border-left: none;
-                margin-left: 0;
-                border-top: 1px solid #e5e9ef;
-                margin-top: 10px;
-
-                .u-pic {
-                    cursor: pointer;
-                }
+            display: block;
+            width: 216px;
+        }
+
+        .u-share2-content-main {
+            grid-template-columns: repeat(4, 1fr);
+            gap: 4px;
+            padding: 12px;
+        }
+
+        .u-share2-item {
+            min-height: 66px;
+            padding: 5px 2px;
+        }
+
+        .u-share2-wechat {
+            flex-direction: row;
+            gap: 12px;
+            justify-content: flex-start;
+            min-width: 0;
+            padding: 12px;
+            text-align: left;
+            border-top: 1px solid #e8e1f6;
+            border-left: 0;
+
+            .u-pic {
+                flex: none;
+                padding: 4px;
             }
         }
     }

package/i18n/messages/en-US.js

@@ -10,8 +10,8 @@ export default {
         expandBoxMatrix: "Click to open JX3BOX matrix",
         box: "JX3BOX",
         chooseGameVersion: "Choose game version",
-        jx3Full: "JX3 / Wujie",
-        originFull: "JX3 · Origin",
+        jx3Full: "JX3",
+        originFull: "Origin",
         jx3Short: "JX3",
         originShort: "Origin",
         asset: "Assets",
@@ -31,13 +31,15 @@ export default {
         switchAlternate: "Switch Alt",
         themeStyle: "Theme",
         logout: "Log out",
-        roleManage: "Roles",
+        roleManage: "My Roles",
+        myTeams: "My Teams",
+        myRelations: "My Relations",
         favorites: "Favorites",
         purchased: "Purchased",
         orderCenter: "Orders",
         dashboard: "Dashboard",
         profile: "Profile",
-        config: "Settings",
+        config: "Preferences",
         feedbackHelp: "Help",
         proExpireUntil: "(Valid until: {date})",
         uidPrefix: "UID: ",
@@ -161,6 +163,10 @@ export default {
         browserNotSupportCopy: "Copy not supported",
         confirm: "Confirm",
         cancel: "Cancel",
+        close: "Close",
+        view: "View",
+        submit: "Submit",
+        actionSuccess: "Done",
         tip: "Tip",
     },
     footer: { icp: "ICP: 湘ICP备2021002288号", about: "About", doc: "Docs", repo: "Repository", feedback: "Feedback" },
@@ -179,6 +185,7 @@ export default {
         proVip: "Pro Membership",
         preVip: "Premium Membership",
     },
+    authorRole: { title: "Author Roles" },
     authorPosts: { latest: "Latest Posts", noTitle: "{type}/Untitled" },
     authorFans: {
         title: "Fans",
@@ -370,12 +377,15 @@ export default {
         noTitle: "Untitled",
         anonymous: "Anonymous",
     },
+    postVersion: { title: "Version History", collapse: "Collapse", compare: "Compare" },
+    postCollection: { title: "Related", collapse: "Collapse" },
     simpleThx: { record: "Reward Records" },
     thx: {
         copyright1: "For all original works, copyright belongs to the author. Unauthorized reposts or plagiarism without attribution may be pursued by law.",
         copyright2: "Exclusive signed-author submissions and officially appraised JX3BOX works are treated as paid submissions once redeemed. Commercial reuse requires platform authorization.",
     },
     cmsSingle: { comment: "Comments", commentDisabled: "The author has not enabled comments", authorSet: "The author set [" },
+    rightAffix: { goComment: "Comment", backToTop: "Back to top" },
     suspendCommon: {
         more: "More",
         pinButton: "Pin Button",
@@ -475,4 +485,15 @@ export default {
         test: "Test",
         success: "Submitted successfully",
     },
+    accountReady: {
+        title: "⚠️ Complete account security information", description: "To keep App sign-in, account recovery, card codes, and related features working, please complete the information below.",
+        contactTitle: "Link email and phone", contactDescription: "Your email address or phone number is incomplete. Link your phone and link and verify your email, otherwise you may be unable to recover your account later.", bind: "Link now",
+        passwordTitle: "Set a sign-in password", passwordDescription: "Your account does not have a password yet. Without one, card codes and App sign-in with an account and password may be unavailable.", setPassword: "Set now", later: "Ask me again in 7 days",
+    },
+    migrateCommunity: { title: "Move back to original section", postTitle: "Title", author: "Author", originalSection: "Original section", originalLink: "Original link", notAvailable: "This post cannot be moved because its original post does not exist.", confirm: "Move this post back to its original section?", success: "Moved successfully" },
+    moveCommunity: { title: "Move to community", category: "Category", categoryPlaceholder: "Select a post category", introduction: "Introduction", contentPlaceholder: "Enter content", images: "Images", irreversibleTip: "Please confirm that this action cannot be undone", irreversible: "I confirm that this action cannot be undone", missingPost: "Post ID does not exist!", selectCategory: "Please select a category!" },
+    wiki: { loading: "🎉 Loading...", loadFailed: "⚠️ Failed to load data", empty: "💧 No data", reply: "Reply", nickname: "Nickname: ", mysterious: "Mysterious Hero" },
+    wikiPanel: { contributors: "Contributors", difficulty: "Difficulty", popularity: "Popularity", updatedAt: "Updated" },
+    wikiComments: { title: "Wiki Comments", empty: "💧 No comments", contentRequired: "Please enter a comment before submitting", submitSuccess: "Submitted successfully. Please wait for review." },
+    wikiRevisions: { title: "Revision History", version: "Version", contributor: "Contributor", remark: "Revision notes" },
 };

package/i18n/messages/vi.js

@@ -32,6 +32,8 @@ export default {
         themeStyle: "Giao diện",
         logout: "Đăng xuất",
         roleManage: "Quản lý nhân vật",
+        myTeams: "Nhóm của tôi",
+        myRelations: "Mối quan hệ của tôi",
         favorites: "Yêu thích",
         purchased: "Đã mua",
         orderCenter: "Đơn hàng",
@@ -161,6 +163,10 @@ export default {
         browserNotSupportCopy: "Không hỗ trợ sao chép",
         confirm: "Xác nhận",
         cancel: "Hủy",
+        close: "Đóng",
+        view: "Xem",
+        submit: "Gửi",
+        actionSuccess: "Thành công",
         tip: "Nhắc",
     },
     footer: { icp: "ICP: 湘ICP备2021002288号", about: "Giới thiệu", doc: "Tài liệu", repo: "Kho mã", feedback: "Góp ý" },
@@ -179,6 +185,7 @@ export default {
         proVip: "Thành viên Pro",
         preVip: "Thành viên Premium",
     },
+    authorRole: { title: "Vai trò tác giả" },
     authorPosts: { latest: "Bài mới nhất", noTitle: "{type}/Không tiêu đề" },
     authorFans: {
         title: "Fan",
@@ -358,12 +365,15 @@ export default {
         noTitle: "Không tiêu đề",
         anonymous: "Ẩn danh",
     },
+    postVersion: { title: "Lịch sử phiên bản", collapse: "Thu gọn", compare: "So sánh" },
+    postCollection: { title: "Liên quan", collapse: "Thu gọn" },
     simpleThx: { record: "Lịch sử tặng thưởng" },
     thx: {
         copyright1: "Mọi tác phẩm gốc đều thuộc bản quyền của tác giả. Các hành vi sao chép hoặc đăng lại trái phép có thể bị xử lý pháp lý.",
         copyright2: "Các bài độc quyền của tác giả ký kết và các tác phẩm được chấm điểm chính thức sẽ được xem là nội dung trả phí sau khi quy đổi. Việc sử dụng thương mại cần được nền tảng cho phép.",
     },
     cmsSingle: { comment: "Bình luận", commentDisabled: "Tác giả chưa bật chức năng bình luận", authorSet: "Tác giả đã đặt [" },
+    rightAffix: { goComment: "Bình luận", backToTop: "Lên đầu trang" },
     suspendCommon: {
         more: "Thêm",
         pinButton: "Nút ghim",
@@ -463,4 +473,15 @@ export default {
         test: "Test",
         success: "Gửi thành công",
     },
+    accountReady: {
+        title: "⚠️ Hoàn thiện bảo mật tài khoản", description: "Để đăng nhập App, khôi phục tài khoản, dùng mã thẻ và các tính năng liên quan hoạt động bình thường, hãy hoàn thiện thông tin bên dưới.",
+        contactTitle: "Liên kết email và số điện thoại", contactDescription: "Email hoặc số điện thoại của tài khoản chưa đầy đủ. Hãy liên kết số điện thoại, liên kết và xác minh email để có thể khôi phục tài khoản sau này.", bind: "Liên kết ngay",
+        passwordTitle: "Đặt mật khẩu đăng nhập", passwordDescription: "Tài khoản của bạn chưa có mật khẩu. Không có mật khẩu, mã thẻ và đăng nhập App bằng tài khoản có thể không dùng được.", setPassword: "Thiết lập", later: "Nhắc lại sau 7 ngày",
+    },
+    migrateCommunity: { title: "Chuyển về mục gốc", postTitle: "Tiêu đề", author: "Tác giả", originalSection: "Mục gốc", originalLink: "Liên kết gốc", notAvailable: "Không thể chuyển bài viết này vì bài gốc không tồn tại.", confirm: "Chuyển bài viết này về mục gốc?", success: "Chuyển thành công" },
+    moveCommunity: { title: "Chuyển đến diễn đàn", category: "Danh mục", categoryPlaceholder: "Chọn danh mục bài viết", introduction: "Giới thiệu", contentPlaceholder: "Nhập nội dung", images: "Hình ảnh", irreversibleTip: "Hãy xác nhận thao tác này không thể hoàn tác", irreversible: "Tôi xác nhận thao tác này không thể hoàn tác", missingPost: "ID bài viết không tồn tại!", selectCategory: "Vui lòng chọn danh mục!" },
+    wiki: { loading: "🎉 Đang tải dữ liệu...", loadFailed: "⚠️ Không thể tải dữ liệu", empty: "💧 Chưa có dữ liệu", reply: "Trả lời", nickname: "Biệt danh: ", mysterious: "Hiệp khách bí ẩn" },
+    wikiPanel: { contributors: "Người đóng góp", difficulty: "Độ khó", popularity: "Độ phổ biến", updatedAt: "Cập nhật" },
+    wikiComments: { title: "Bình luận Wiki", empty: "💧 Chưa có bình luận", contentRequired: "Hãy nhập bình luận trước khi gửi", submitSuccess: "Gửi thành công, vui lòng chờ duyệt" },
+    wikiRevisions: { title: "Lịch sử phiên bản", version: "Phiên bản", contributor: "Người đóng góp", remark: "Ghi chú chỉnh sửa" },
 };

package/i18n/messages/zh-CN.js

@@ -31,7 +31,9 @@ export default {
         switchAlternate: "切换马甲",
         themeStyle: "主题风格",
         logout: "退出登录",
-        roleManage: "角色管理",
+        roleManage: "我的角色",
+        myTeams: "我的团队",
+        myRelations: "我的关系",
         favorites: "收藏订阅",
         dashboard: "个人中心",
         profile: "资料修改",
@@ -161,6 +163,10 @@ export default {
         browserNotSupportCopy: "浏览器不支持复制",
         confirm: "确定",
         cancel: "取消",
+        close: "关闭",
+        view: "查看",
+        submit: "提交",
+        actionSuccess: "操作成功",
         tip: "提示",
     },
     footer: {
@@ -205,6 +211,7 @@ export default {
         proVip: "专业版会员",
         preVip: "高级版会员",
     },
+    authorRole: { title: "作者角色" },
     authorPosts: {
         latest: "最新作品",
         noTitle: "{type}/无标题",
@@ -478,6 +485,8 @@ export default {
         noTitle: "无标题",
         anonymous: "匿名",
     },
+    postVersion: { title: "历史版本", collapse: "折叠", compare: "对比" },
+    postCollection: { title: "关联", collapse: "折叠" },
     simpleThx: {
         record: "打赏记录",
     },
@@ -490,6 +499,7 @@ export default {
         commentDisabled: "作者没有开启评论功能",
         authorSet: "作者设置了【",
     },
+    rightAffix: { goComment: "去评论", backToTop: "回到顶部" },
     suspendCommon: {
         more: "更多",
         pinButton: "固定按钮",
@@ -589,4 +599,15 @@ export default {
         test: "体服",
         success: "提交成功",
     },
+    accountReady: {
+        title: "⚠️ 完善账号安全信息", description: "为了保障 App 登录、账号找回和卡密等功能正常使用，请先补全以下账号安全信息。",
+        contactTitle: "绑定邮箱和手机号", contactDescription: "当前账号的邮箱或手机号尚未完善。请完成手机号绑定，并绑定且验证邮箱，否则后续可能无法找回账号。", bind: "去绑定",
+        passwordTitle: "设置登录密码", passwordDescription: "当前账号还没有设置密码。未设置密码时，可能无法使用卡密等功能，也无法在 App 中通过账号密码登录。", setPassword: "去设置", later: "7天后再说",
+    },
+    migrateCommunity: { title: "迁回原板块", postTitle: "标题", author: "作者", originalSection: "原板块", originalLink: "原链接", notAvailable: "该帖子不可迁移，不存在原帖子", confirm: "确认将该帖子迁回原板块？", success: "迁移成功" },
+    moveCommunity: { title: "迁移至论坛", category: "分类", categoryPlaceholder: "请选择帖子分类", introduction: "简介", contentPlaceholder: "请输入内容", images: "附图", irreversibleTip: "请确认此操作不可逆", irreversible: "我已确认此操作不可逆", missingPost: "文章ID不存在!", selectCategory: "请选择分类!" },
+    wiki: { loading: "🎉 数据加载中...", loadFailed: "⚠️ 数据加载异常", empty: "💧 暂无数据", reply: "回复", nickname: "昵称：", mysterious: "神秘侠士" },
+    wikiPanel: { contributors: "参与贡献", difficulty: "综合难度", popularity: "热度", updatedAt: "更新时间" },
+    wikiComments: { title: "百科评论", empty: "💧 暂无评论", contentRequired: "请先填写评论内容再尝试提交", submitSuccess: "提交成功，请等待审核" },
+    wikiRevisions: { title: "历史版本", version: "版本", contributor: "贡献者", remark: "修订说明" },
 };

package/i18n/messages/zh-TW.js

@@ -32,6 +32,8 @@ export default {
         themeStyle: "主題風格",
         logout: "退出登入",
         roleManage: "角色管理",
+        myTeams: "我的團隊",
+        myRelations: "我的關係",
         favorites: "收藏訂閱",
         dashboard: "個人中心",
         profile: "資料修改",
@@ -161,6 +163,10 @@ export default {
         browserNotSupportCopy: "瀏覽器不支援複製",
         confirm: "確定",
         cancel: "取消",
+        close: "關閉",
+        view: "查看",
+        submit: "提交",
+        actionSuccess: "操作成功",
         tip: "提示",
     },
     footer: { icp: "湘ICP備2021002288號", about: "關於我們", doc: "幫助文件", repo: "代碼倉庫", feedback: "反饋建議" },
@@ -179,6 +185,7 @@ export default {
         proVip: "專業版會員",
         preVip: "高級版會員",
     },
+    authorRole: { title: "作者角色" },
     authorPosts: { latest: "最新作品", noTitle: "{type}/無標題" },
     authorFans: {
         title: "粉絲榜",
@@ -363,12 +370,15 @@ export default {
         noTitle: "無標題",
         anonymous: "匿名",
     },
+    postVersion: { title: "歷史版本", collapse: "折疊", compare: "對比" },
+    postCollection: { title: "關聯", collapse: "折疊" },
     simpleThx: { record: "打賞記錄" },
     thx: {
         copyright1: "所有原創作品，著作權歸作者所有，所有未經授權的非署名轉載或抄襲將有權追究法律責任，所有法律事務由專聘律師代理。",
         copyright2: "簽約作者獨家特約稿件，及所有魔盒官方評分作品用戶一經兌現則視為有償付費稿件，所有商業稿件的轉載引用需同時徵得魔盒平台授權。",
     },
     cmsSingle: { comment: "評論", commentDisabled: "作者沒有開啟評論功能", authorSet: "作者設定了【" },
+    rightAffix: { goComment: "去評論", backToTop: "回到頂部" },
     suspendCommon: {
         more: "更多",
         pinButton: "固定按鈕",
@@ -468,4 +478,15 @@ export default {
         test: "體服",
         success: "提交成功",
     },
+    accountReady: {
+        title: "⚠️ 完善帳號安全資訊", description: "為保障 App 登入、帳號找回和卡密等功能正常使用，請先補全以下帳號安全資訊。",
+        contactTitle: "綁定信箱和手機號碼", contactDescription: "目前帳號的信箱或手機號碼尚未完善。請完成手機號碼綁定，並綁定且驗證信箱，否則後續可能無法找回帳號。", bind: "去綁定",
+        passwordTitle: "設定登入密碼", passwordDescription: "目前帳號還沒有設定密碼。未設定密碼時，可能無法使用卡密等功能，也無法在 App 中透過帳號密碼登入。", setPassword: "去設定", later: "7天後再說",
+    },
+    migrateCommunity: { title: "遷回原版塊", postTitle: "標題", author: "作者", originalSection: "原版塊", originalLink: "原連結", notAvailable: "此貼文不可遷移，不存在原貼文", confirm: "確認將此貼文遷回原版塊？", success: "遷移成功" },
+    moveCommunity: { title: "遷移至論壇", category: "分類", categoryPlaceholder: "請選擇貼文分類", introduction: "簡介", contentPlaceholder: "請輸入內容", images: "附圖", irreversibleTip: "請確認此操作不可逆", irreversible: "我已確認此操作不可逆", missingPost: "文章ID不存在!", selectCategory: "請選擇分類!" },
+    wiki: { loading: "🎉 資料載入中...", loadFailed: "⚠️ 資料載入異常", empty: "💧 暫無資料", reply: "回覆", nickname: "暱稱：", mysterious: "神祕俠士" },
+    wikiPanel: { contributors: "參與貢獻", difficulty: "綜合難度", popularity: "熱度", updatedAt: "更新時間" },
+    wikiComments: { title: "百科評論", empty: "💧 暫無評論", contentRequired: "請先填寫評論內容再嘗試提交", submitSuccess: "提交成功，請等待審核" },
+    wikiRevisions: { title: "歷史版本", version: "版本", contributor: "貢獻者", remark: "修訂說明" },
 };

package/index.js

@@ -42,6 +42,7 @@ import {
     getJx3boxUiAvailableLocales,
     setJx3boxUiLocale,
 } from "./i18n";
+import i18nMixin from "./i18n/mixin";
 
 const components = {
     CommonHeader,
@@ -77,6 +78,8 @@ const components = {
 };
 
 const install = function (app) {
+    // 为全部公共组件提供统一的本地化入口，避免每个组件重复注册 mixin。
+    app.mixin(i18nMixin);
     Object.keys(components).forEach((key) => {
         app.component(key, components[key]);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-ui",
-    "version": "2.3.12",
+    "version": "2.3.13",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {
@@ -32,9 +32,9 @@
     },
     "dependencies": {
         "@element-plus/icons-vue": "^2.3.2",
-        "@jx3box/jx3box-common": "^9.2.5",
-        "@jx3box/jx3box-data": "^3.9.5",
-        "@jx3box/jx3box-editor": "^3.2.7",
+        "@jx3box/jx3box-common": "^9.2.9",
+        "@jx3box/jx3box-data": "^3.9.6",
+        "@jx3box/jx3box-editor": "^3.2.9",
         "@jx3box/jx3box-emotion": "^1.3.1",
         "@jx3box/jx3box-macro": "^1.0.4",
         "@jx3box/jx3box-talent": "^1.3.14",

package/src/CommonHeader.vue

@@ -38,27 +38,27 @@
         v-model="accountReadyDialogVisible"
         class="c-header-account-ready"
         width="min(92vw, 520px)"
-        title="⚠️ 完善账号安全信息"
+        :title="$jx3boxT('jx3boxUi.accountReady.title', '⚠️ 完善账号安全信息')"
         append-to-body
         @close="markAccountReadyDismissed"
     >
         <div class="c-header-account-ready__body">
-            <p class="u-desc">为了保障 App 登录、账号找回和卡密等功能正常使用，请先补全以下账号安全信息。</p>
+            <p class="u-desc">{{ $jx3boxT('jx3boxUi.accountReady.description', '为了保障 App 登录、账号找回和卡密等功能正常使用，请先补全以下账号安全信息。') }}</p>
             <div class="u-list">
                 <div class="u-item" v-if="accountReadyIssues.includes('contact')">
-                    <div class="u-title">绑定邮箱和手机号</div>
-                    <div class="u-text">当前账号的邮箱或手机号尚未完善。请完成手机号绑定，并绑定且验证邮箱，否则后续可能无法找回账号。</div>
-                    <el-button type="primary" @click="goAccountReady('/dashboard/notice')">去绑定</el-button>
+                    <div class="u-title">{{ $jx3boxT('jx3boxUi.accountReady.contactTitle', '绑定邮箱和手机号') }}</div>
+                    <div class="u-text">{{ $jx3boxT('jx3boxUi.accountReady.contactDescription', '当前账号的邮箱或手机号尚未完善。请完成手机号绑定，并绑定且验证邮箱，否则后续可能无法找回账号。') }}</div>
+                    <el-button type="primary" @click="goAccountReady('/dashboard/notice')">{{ $jx3boxT('jx3boxUi.accountReady.bind', '去绑定') }}</el-button>
                 </div>
                 <div class="u-item" v-if="accountReadyIssues.includes('password')">
-                    <div class="u-title">设置登录密码</div>
-                    <div class="u-text">当前账号还没有设置密码。未设置密码时，可能无法使用卡密等功能，也无法在 App 中通过账号密码登录。</div>
-                    <el-button type="primary" @click="goAccountReady('/dashboard/pwd')">去设置</el-button>
+                    <div class="u-title">{{ $jx3boxT('jx3boxUi.accountReady.passwordTitle', '设置登录密码') }}</div>
+                    <div class="u-text">{{ $jx3boxT('jx3boxUi.accountReady.passwordDescription', '当前账号还没有设置密码。未设置密码时，可能无法使用卡密等功能，也无法在 App 中通过账号密码登录。') }}</div>
+                    <el-button type="primary" @click="goAccountReady('/dashboard/pwd')">{{ $jx3boxT('jx3boxUi.accountReady.setPassword', '去设置') }}</el-button>
                 </div>
             </div>
         </div>
         <template #footer>
-            <el-button @click="accountReadyDialogVisible = false">7天后再说</el-button>
+            <el-button @click="accountReadyDialogVisible = false">{{ $jx3boxT('jx3boxUi.accountReady.later', '7天后再说') }}</el-button>
         </template>
     </el-dialog>
 </template>

package/src/bread/MigrateCommunity.vue

@@ -4,34 +4,34 @@
         :width="isPhone ? '95%' : '600px'"
         v-model="visible"
         @close="close"
-        title="迁回原板块"
+        :title="$jx3boxT('jx3boxUi.migrateCommunity.title', '迁回原板块')"
         append-to-body
         draggable
     >
         <div class="m-migrate-box" v-if="post?.ID">
             <div class="m-item">
-                <div class="u-label">标题</div>
+                <div class="u-label">{{ $jx3boxT('jx3boxUi.migrateCommunity.postTitle', '标题') }}</div>
                 <div class="u-value">{{ post?.post_title }}</div>
             </div>
             <div class="m-item">
-                <div class="u-label">作者</div>
+                <div class="u-label">{{ $jx3boxT('jx3boxUi.migrateCommunity.author', '作者') }}</div>
                 <div class="u-value">
                     <a target="_blank" :href="authorLink(post?.post_author)">{{ `${post?.author}` }}</a>
                 </div>
             </div>
             <div class="m-item">
-                <div class="u-label">原板块</div>
+                <div class="u-label">{{ $jx3boxT('jx3boxUi.migrateCommunity.originalSection', '原板块') }}</div>
                 <div class="u-value">{{ showType(post?.post_type) }}</div>
             </div>
             <div class="m-item">
-                <div class="u-label">原链接</div>
-                <div class="u-value"><a target="_blank" :href="postLink(post?.post_type, post?.ID)">查看</a></div>
+                <div class="u-label">{{ $jx3boxT('jx3boxUi.migrateCommunity.originalLink', '原链接') }}</div>
+                <div class="u-value"><a target="_blank" :href="postLink(post?.post_type, post?.ID)">{{ $jx3boxT('jx3boxUi.common.view', '查看') }}</a></div>
             </div>
         </div>
-        <el-alert type="warning" title="该帖子不可迁移，不存在原帖子" :closable="false" show-icon v-else></el-alert>
+        <el-alert type="warning" :title="$jx3boxT('jx3boxUi.migrateCommunity.notAvailable', '该帖子不可迁移，不存在原帖子')" :closable="false" show-icon v-else></el-alert>
         <template #footer v-if="post?.ID">
-            <el-button @click="close" :loading="loading">关闭</el-button>
-            <el-button type="primary" @click="submit" :loading="loading">确认</el-button>
+            <el-button @click="close" :loading="loading">{{ $jx3boxT('jx3boxUi.common.close', '关闭') }}</el-button>
+            <el-button type="primary" @click="submit" :loading="loading">{{ $jx3boxT('jx3boxUi.common.confirm', '确认') }}</el-button>
         </template>
     </el-dialog>
 </template>
@@ -92,12 +92,12 @@ export default {
             if (!this.post) {
                 return;
             }
-            this.$confirm("确认将该帖子迁回原板块？")
+            this.$confirm(this.$jx3boxT("jx3boxUi.migrateCommunity.confirm", "确认将该帖子迁回原板块？"))
                 .then(() => {
                     this.loading = true;
                     migrateCommunityPost({ community_id: this.communityId })
                         .then((res) => {
-                            this.$message.success("迁移成功");
+                            this.$message.success(this.$jx3boxT("jx3boxUi.migrateCommunity.success", "迁移成功"));
                             this.close();
                             location.href = "/community";
                         })

package/src/bread/MoveToCommunityDialog.vue

@@ -4,12 +4,12 @@
         :width="isPhone ? '95%' : '600px'"
         v-model="visible"
         @close="close"
-        title="迁移至论坛"
+        :title="$jx3boxT('jx3boxUi.moveCommunity.title', '迁移至论坛')"
         append-to-body
     >
         <el-form :model="form" ref="form" :rules="rules" :label-position="isPhone ? 'top' : 'left'" label-width="80px">
-            <el-form-item label="分类" prop="category">
-                <el-select v-model="form.category" placeholder="请选择帖子分类" style="width: 100%" filterable>
+            <el-form-item :label="$jx3boxT('jx3boxUi.moveCommunity.category', '分类')" prop="category">
+                <el-select v-model="form.category" :placeholder="$jx3boxT('jx3boxUi.moveCommunity.categoryPlaceholder', '请选择帖子分类')" style="width: 100%" filterable>
                     <el-option
                         v-for="item in categoryList"
                         :key="item.id"
@@ -18,12 +18,12 @@
                     ></el-option>
                 </el-select>
             </el-form-item>
-            <el-form-item label="简介">
-                <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="form.introduction"> </el-input>
+            <el-form-item :label="$jx3boxT('jx3boxUi.moveCommunity.introduction', '简介')">
+                <el-input type="textarea" :rows="5" :placeholder="$jx3boxT('jx3boxUi.moveCommunity.contentPlaceholder', '请输入内容')" v-model="form.introduction"> </el-input>
             </el-form-item>
         </el-form>
 
-        <el-divider content-position="left">附图</el-divider>
+        <el-divider content-position="left">{{ $jx3boxT('jx3boxUi.moveCommunity.images', '附图') }}</el-divider>
         <div class="u-imgs">
             <div :class="`u-imgs-item`" v-for="(item, i) in form.extra_images" :key="i">
                 <el-image :src="item" fit="cover" style="width: 148px; height: 148px" />
@@ -33,15 +33,15 @@
         <el-divider content-position="left"></el-divider>
 
         <div class="u_r_box">
-            <el-popover placement="top" trigger="manual" size="mini" content="请确认此操作不可逆" v-model="visible">
+            <el-popover placement="top" trigger="manual" size="mini" :content="$jx3boxT('jx3boxUi.moveCommunity.irreversibleTip', '请确认此操作不可逆')" v-model="visible">
                 <template #reference>
-                    <el-checkbox v-model="checked">我已确认此操作不可逆</el-checkbox>
+                    <el-checkbox v-model="checked">{{ $jx3boxT('jx3boxUi.moveCommunity.irreversible', '我已确认此操作不可逆') }}</el-checkbox>
                 </template>
             </el-popover>
         </div>
         <template #footer>
-            <el-button @click="close">取 消</el-button>
-            <el-button type="primary" @click="onConfirm" :disabled="!checked">确 定</el-button>
+            <el-button @click="close">{{ $jx3boxT('jx3boxUi.common.cancel', '取消') }}</el-button>
+            <el-button type="primary" @click="onConfirm" :disabled="!checked">{{ $jx3boxT('jx3boxUi.common.confirm', '确定') }}</el-button>
         </template>
     </el-dialog>
 </template>
@@ -77,7 +77,7 @@ export default {
             categoryList: [],
             isPhone: window.innerWidth < 768,
             rules: {
-                category: [{ required: true, message: "请选择分类", trigger: "blur" }],
+                category: [{ required: true, message: this.$jx3boxT("jx3boxUi.moveCommunity.selectCategory", "请选择分类!"), trigger: "blur" }],
             },
         };
     },
@@ -107,11 +107,11 @@ export default {
         },
         onConfirm() {
             if (!this.post?.ID) {
-                this.$message.error("文章ID不存在!");
+                this.$message.error(this.$jx3boxT("jx3boxUi.moveCommunity.missingPost", "文章ID不存在!"));
                 return;
             }
             if (!this.form.category) {
-                this.$message.error("请选择分类!");
+                this.$message.error(this.$jx3boxT("jx3boxUi.moveCommunity.selectCategory", "请选择分类!"));
                 return;
             }
             if (!this.checked) {
@@ -122,7 +122,7 @@ export default {
             this.$refs.form?.validate((valid) => {
                 if (valid) {
                     recoverTopicFromPosts(this.form).then(() => {
-                        this.$message.success("操作成功");
+                        this.$message.success(this.$jx3boxT("jx3boxUi.common.actionSuccess", "操作成功"));
                         this.close();
                         this.clearForm();
                     });

package/src/header/userInfo.vue

@@ -71,29 +71,29 @@
                     </div>
 
                     <el-button-group class="u-actions">
-                        <a class="el-button el-button--default is-plain" href="/dashboard/config">{{
-                            $jx3boxT("jx3boxUi.commonHeader.config", "偏好设置")
-                        }}</a>
                         <a class="el-button el-button--default is-plain" @click="changeAlternate">{{
                             $jx3boxT("jx3boxUi.commonHeader.switchAlternate", "切换马甲")
                         }}</a>
-                        <a class="el-button el-button--default is-plain" href="/dashboard/frame">{{
+                        <a class="el-button el-button--default is-plain" href="/dashboard/config">{{
+                            $jx3boxT("jx3boxUi.commonHeader.config", "偏好设置")
+                        }}</a>
+                        <a class="el-button el-button--default is-plain" href="/dashboard/theme">{{
                             $jx3boxT("jx3boxUi.commonHeader.themeStyle", "主题风格")
                         }}</a>
                     </el-button-group>
 
                     <div class="u-other">
                         <a href="/dashboard/role" class="u-item"
-                            ><el-icon><User /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.roleManage", "角色管理") }}
+                            ><el-icon><User /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.roleManage", "我的角色") }}
                         </a>
-                        <a href="/dashboard/fav" class="u-item"
-                            ><el-icon><Star /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.favorites", "收藏订阅") }}
+                        <a href="/team/my/org" class="u-item"
+                            ><el-icon><School /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.myTeams", "我的团队") }}
                         </a>
-                        <a href="/dashboard/mall" class="u-item"
-                            ><el-icon><Memo /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.orderCenter", "订单中心") }}
+                        <a href="/dashboard/privacy" class="u-item"
+                            ><el-icon><Connection /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.myRelations", "我的关系") }}
                         </a>
-                        <a href="/dashboard/config" class="u-item"
-                            ><el-icon><Help /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.dashboard", "个人中心") }}
+                        <a href="/dashboard/fav" class="u-item"
+                            ><el-icon><Star /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.favorites", "收藏订阅") }}
                         </a>
                         <hr />
                         <a href="/dashboard/profile" class="u-item"
@@ -103,6 +103,9 @@
                             ><el-icon><Phone /></el-icon>{{ $jx3boxT("jx3boxUi.commonHeader.feedbackHelp", "反馈帮助") }}
                         </a>
                         <hr />
+                        <div class="u-dashboard">
+                            <a href="/dashboard">{{ $jx3boxT("jx3boxUi.commonHeader.dashboard", "个人中心") }}</a>
+                        </div>
                         <div class="u-logout">
                             <el-button @click="logout" plain>{{ $jx3boxT("jx3boxUi.commonHeader.logout", "退出登录") }}</el-button>
                         </div>
@@ -628,11 +631,28 @@ export default {
 
     .u-logout {
         padding: 0 10px 10px 10px;
-        .mt(10px);
 
         .el-button {
             width: 100%;
         }
     }
+
+    .u-dashboard {
+        padding: 0 10px 10px;
+
+        a {
+            display: block;
+            padding: 8px 15px;
+            color: #fff;
+            text-align: center;
+            background: @v4primary;
+            .r(4px);
+
+            &:hover {
+                color: #fff;
+                background: lighten(@v4primary, 8%);
+            }
+        }
+    }
 }
 </style>

package/src/single/PostCollection.vue

@@ -2,10 +2,10 @@
     <div class="c-post-collection" v-if="list && list.length">
         <div class="m-title">
             <div class="c-post-collection-title">
-                <el-icon class="u-icon"><Connection>></Connection></el-icon> 关联
+                <el-icon class="u-icon"><Connection>></Connection></el-icon> {{ $jx3boxT("jx3boxUi.postCollection.title", "关联") }}
             </div>
             <div class="u-op" @click="toggle">
-                <el-icon><DCaret></DCaret></el-icon> 折叠
+                <el-icon><DCaret></DCaret></el-icon> {{ $jx3boxT("jx3boxUi.postCollection.collapse", "折叠") }}
             </div>
         </div>
         <transition name="collapse">

package/src/single/PostVersion.vue

@@ -2,10 +2,10 @@
     <div class="c-post-version" v-if="list && list.length">
         <div class="m-title">
             <div class="u-title">
-                <el-icon class="u-icon"><Clock /></el-icon>历史版本
+                <el-icon class="u-icon"><Clock /></el-icon>{{ $jx3boxT("jx3boxUi.postVersion.title", "历史版本") }}
             </div>
             <div class="u-op" @click="toggle">
-                <el-icon><DCaret></DCaret></el-icon> 折叠
+                <el-icon><DCaret></DCaret></el-icon> {{ $jx3boxT("jx3boxUi.postVersion.collapse", "折叠") }}
             </div>
         </div>
         <transition name="collapse">
@@ -15,7 +15,7 @@
                         <span>{{ item.version }}</span> - <span>{{ item.created_at }}</span>
                     </div>
                     <el-button class="u-compare" size="small" type="primary" link
-                        ><el-icon class="u-icon"><Sort></Sort></el-icon>对比</el-button
+                        ><el-icon class="u-icon"><Sort></Sort></el-icon>{{ $jx3boxT("jx3boxUi.postVersion.compare", "对比") }}</el-button
                     >
                 </li>
             </ul>

package/src/single/RightAffix.vue

@@ -10,12 +10,12 @@
                 :author_id="authorId"
             ></fav>
         </div>
-        <el-tooltip v-if="showCommentBtn && showComment" effect="dark" content="去评论" placement="left">
+        <el-tooltip v-if="showCommentBtn && showComment" effect="dark" :content="$jx3boxT('jx3boxUi.rightAffix.goComment', '去评论')" placement="left">
             <div class="u-item" @click="toComment">
                 <el-icon class="u-icon"><ChatDotSquare></ChatDotSquare></el-icon>
             </div>
         </el-tooltip>
-        <el-tooltip effect="dark" content="回到顶部" placement="bottom">
+        <el-tooltip effect="dark" :content="$jx3boxT('jx3boxUi.rightAffix.backToTop', '回到顶部')" placement="bottom">
             <div class="u-item" v-show="scrollBtnShow" @click="goTop">
                 <div class="u-to-top"></div>
             </div>

package/src/wiki/WikiComments.vue

@@ -2,14 +2,14 @@
     <WikiPanel class="c-wiki-comments" scene="detail">
         <template #head-title>
             <i class="u-icon el-icon-chat-line-round"></i>
-            <span class="u-txt">百科评论</span>
+            <span class="u-txt">{{ $jx3boxT('jx3boxUi.wikiComments.title', '百科评论') }}</span>
         </template>
         <template #body>
             <div class="m-comments-panel" v-loading="loading">
                 <div class="u-empty" v-if="!comments || !comments.length">
-                    <span v-if="comments === null">🎉 数据加载中...</span>
-                    <span v-if="comments === false">⚠️ 数据加载异常</span>
-                    <span v-if="comments && !comments.length">💧 暂无评论</span>
+                    <span v-if="comments === null">{{ $jx3boxT('jx3boxUi.wiki.loading', '🎉 数据加载中...') }}</span>
+                    <span v-if="comments === false">{{ $jx3boxT('jx3boxUi.wiki.loadFailed', '⚠️ 数据加载异常') }}</span>
+                    <span v-if="comments && !comments.length">{{ $jx3boxT('jx3boxUi.wikiComments.empty', '💧 暂无评论') }}</span>
                 </div>
                 <!-- 递归评论组件 -->
                 <wiki-comment :comments="comments" :source-id="sourceId" />
@@ -27,16 +27,16 @@
                 <div id="m-reply-form" class="m-reply-form">
                     <h4 class="u-title">
                         <i class="el-icon-chat-dot-round"></i>
-                        <span>回复</span>
+                        <span>{{ $jx3boxT('jx3boxUi.wiki.reply', '回复') }}</span>
                     </h4>
                     <textarea class="u-reply-content" v-model="reply_form.content"></textarea>
                     <div class="u-author">
-                        <span>昵称：</span>
+                        <span>{{ $jx3boxT('jx3boxUi.wiki.nickname', '昵称：') }}</span>
                         <input v-model="reply_form.user_nickname" type="text" />
                     </div>
                     <el-button type="primary" class="u-submit" @click="create_comment(reply_form)">
                         <i class="el-icon-check"></i>
-                        <span>提交</span>
+                        <span>{{ $jx3boxT('jx3boxUi.common.submit', '提交') }}</span>
                     </el-button>
                 </div>
             </div>
@@ -67,7 +67,7 @@ export default {
             comments: null,
             reply_form: {
                 content: "",
-                user_nickname: User.getInfo().name,
+                user_nickname: this.getDefaultNickname(),
             },
             page: 1,
             pageSize: 10,
@@ -84,6 +84,7 @@ export default {
         get_comments() {
             if (!this.type || !this.sourceId) return;
             this.loading = true;
+            const defaultNickname = this.getDefaultNickname();
             wikiComment
                 .list({ type: this.type, id: this.sourceId }, { client: this.client, page: this.page })
                 .then((res) => {
@@ -93,7 +94,7 @@ export default {
                         comments[i]["reply_form"] = {
                             show: false,
                             content: "",
-                            user_nickname: User.getInfo().name,
+                            user_nickname: this.getDefaultNickname(),
                         };
                     }
                     this.page = res.data.page;
@@ -120,7 +121,7 @@ export default {
                             item.reply_form = {
                                 show: false,
                                 content: "",
-                                user_nickname: User.getInfo().name,
+                                user_nickname: defaultNickname,
                             };
                             return item;
                         });
@@ -134,7 +135,7 @@ export default {
             // 校验评论内容
             if (!form.content) {
                 this.$message({
-                    message: "请先填写评论内容再尝试提交",
+                    message: this.$jx3boxT("jx3boxUi.wikiComments.contentRequired", "请先填写评论内容再尝试提交"),
                     type: "warning",
                 });
                 return;
@@ -143,7 +144,7 @@ export default {
                 type: this.type,
                 source_id: this.sourceId,
                 parent_id: parent_id,
-                user_nickname: form.user_nickname || User.getInfo().name || "神秘侠士",
+                user_nickname: form.user_nickname || this.getDefaultNickname(),
                 content: form.content,
                 client: this.client,
             };
@@ -153,7 +154,7 @@ export default {
                     res = res.data;
                     form.content = "";
                     this.$message({
-                        message: "提交成功，请等待审核",
+                        message: this.$jx3boxT("jx3boxUi.wikiComments.submitSuccess", "提交成功，请等待审核"),
                         type: "success",
                     });
                 })
@@ -161,6 +162,9 @@ export default {
                     form.show = false;
                 });
         },
+        getDefaultNickname() {
+            return User.isLogin() ? User.getInfo().name : "神秘侠士";
+        },
         handleCurrentChange(page) {
             this.page = page;
             this.get_comments();

package/src/wiki/WikiPanel.vue

@@ -21,7 +21,7 @@
             <div class="m-wiki-metas" v-if="wikiPost && wikiPost.post">
                 <!-- 参与贡献 -->
                 <div class="u-meta" v-if="wikiPost.users && wikiPost.users.length">
-                    <em class="u-label">参与贡献</em>
+                    <em class="u-label">{{ $jx3boxT('jx3boxUi.wikiPanel.contributors', '参与贡献') }}</em>
                     <a
                         class="u-value u-creator"
                         v-for="(user, key) in wikiPost.users"
@@ -34,19 +34,19 @@
                 </div>
                 <!-- 综合难度 -->
                 <div class="u-meta" v-if="wikiPost.post && wikiPost.post.level">
-                    <em class="u-label">综合难度</em>
+                    <em class="u-label">{{ $jx3boxT('jx3boxUi.wikiPanel.difficulty', '综合难度') }}</em>
                     <span class="u-value">
                         <i class="el-icon-star-on" v-for="i in wikiPost.post.level" :key="i"></i>
                     </span>
                 </div>
                 <!-- 热度 -->
                 <div class="u-meta" v-if="stat">
-                    <em class="u-label">热度</em>
+                    <em class="u-label">{{ $jx3boxT('jx3boxUi.wikiPanel.popularity', '热度') }}</em>
                     <span class="u-value" v-text="stat.views"></span>
                 </div>
                 <!-- 更新时间 -->
                 <div class="u-meta" v-if="wikiPost.post && wikiPost.post.updated">
-                    <em class="u-label">更新时间</em>
+                    <em class="u-label">{{ $jx3boxT('jx3boxUi.wikiPanel.updatedAt', '更新时间') }}</em>
                     <span class="u-value" v-text="ts2str(wikiPost.post.updated)"></span>
                 </div>
             </div>

package/src/wiki/WikiRevisions.vue

@@ -2,22 +2,22 @@
     <WikiPanel class="c-wiki-revisions" scene="detail">
         <template #head-title>
             <i class="u-icon el-icon-time"></i>
-            <span class="u-txt">历史版本</span>
+            <span class="u-txt">{{ $jx3boxT('jx3boxUi.wikiRevisions.title', '历史版本') }}</span>
         </template>
         <template #body>
             <div class="m-revisions-panel">
                 <div class="u-empty" v-if="!versions || !versions.length">
-                    <span v-if="versions === null">🎉 数据加载中...</span>
-                    <span v-if="versions === false">⚠️ 数据加载异常</span>
-                    <span v-if="versions && !versions.length">💧 暂无数据</span>
+                    <span v-if="versions === null">{{ $jx3boxT('jx3boxUi.wiki.loading', '🎉 数据加载中...') }}</span>
+                    <span v-if="versions === false">{{ $jx3boxT('jx3boxUi.wiki.loadFailed', '⚠️ 数据加载异常') }}</span>
+                    <span v-if="versions && !versions.length">{{ $jx3boxT('jx3boxUi.wiki.empty', '💧 暂无数据') }}</span>
                 </div>
                 <table v-if="versions && versions.length" class="m-histories">
                     <thead>
                         <tr>
-                            <th>版本</th>
-                            <th>更新时间</th>
-                            <th>贡献者</th>
-                            <th>修订说明</th>
+                            <th>{{ $jx3boxT('jx3boxUi.wikiRevisions.version', '版本') }}</th>
+                            <th>{{ $jx3boxT('jx3boxUi.wikiPanel.updatedAt', '更新时间') }}</th>
+                            <th>{{ $jx3boxT('jx3boxUi.wikiRevisions.contributor', '贡献者') }}</th>
+                            <th>{{ $jx3boxT('jx3boxUi.wikiRevisions.remark', '修订说明') }}</th>
                         </tr>
                     </thead>
                     <tr class="history" v-for="(ver, key) in versions" :key="key">