@wwkit/freetoken 1.0.1

package/client/src/locales/zh-CN.js

@@ -0,0 +1,461 @@
+export default {
+  nav: {
+    home: '首页',
+    harness: 'Harness',
+    freeModels: 'Free Models',
+    proxy: 'Proxy',
+    tokenMarket: 'Token Market',
+    docs: 'Docs',
+  },
+  footer: {
+    tagline: 'AI Harness 学习站 — 助你快速上手 AI 编程工具',
+    note: '本站内容仅供学习参考，请遵守各工具和模型的使用条款',
+  },
+  home: {
+    heroTitle: 'FreeToken',
+    heroSubtitle: '一站式学习 AI 编程工具 — 从工具安装到模型接入，从免费资源到代理方案',
+    startLearning: '开始学习',
+    freeModelsBtn: '免费模型',
+    sectionsTitle: '学习栏目',
+    cardEnter: '进入学习',
+    whatIsHarness: '什么是 AI Harness？',
+    introP1: 'AI Harness（AI 编程工具链）是指帮助开发者利用大语言模型（LLM）进行软件开发的工具集合。它们通常以命令行工具（CLI）或 IDE 插件的形式存在，能够理解代码上下文、生成代码、修复 Bug、执行测试，甚至完成完整的开发任务。',
+    introP2: '常见的 AI Harness 工具包括 DeepSeek Harness（DeepSeek 官方）、OpenCode（开源 CLI）、Codex CLI（OpenAI 官方）、Claude Code（Anthropic 官方）等。它们可以接入 DeepSeek、GPT、Claude 等多种模型，帮助开发者提升编程效率。',
+    introP3: '本站聚焦三个核心主题：Harness 工具介绍、免费模型获取、国内代理方案。无论你是初学者还是有经验的开发者，都能在这里找到实用的信息。',
+    sections: {
+      harness: {
+        title: 'Harness',
+        desc: '了解 DeepSeek Harness、OpenCode、Codex CLI、Claude Code 四款 AI 编程 Harness 工具的基本信息、安装方式和基础配置。',
+      },
+      freeModels: {
+        title: 'Free Models',
+        desc: '获取 OpenRouter 和 Nvidia NIM 提供的免费大模型 API，学习注册和使用方式，零成本开始 AI 编程。',
+      },
+      proxy: {
+        title: 'Proxy',
+        desc: '在国内稳定使用 GPT 和 Claude 模型，介绍 API 中转、内置代理、Cloudflare Workers 自建中转等方案。',
+      },
+    },
+  },
+  harness: {
+    pageTitle: 'Harness 工具',
+    pageDesc: 'DeepSeek Harness、OpenCode、Codex CLI、Claude Code 四款 AI 编程 Harness 工具的基本信息、安装方式与基础配置。',
+    install: '安装',
+    config: '配置',
+    develop: '开发',
+    requirements: '环境依赖',
+    startup: '启动',
+    nodeRequirement: 'Node.js 版本要求',
+    envRequirement: '环境变量配置',
+    envVarDesc: 'bluesliusharing',
+    startupCommand: '启动命令',
+    modelConfig: '模型配置',
+    configTips: '配置说明',
+    modelSwitch: '切换模型',
+    sessionOperations: '会话操作',
+    sessionManagement: '会话管理',
+    sessionExport: '导出会话',
+    sessionImport: '导入会话',
+    copyCommand: '复制命令',
+    curlInstall: 'curl 安装',
+    npmInstall: 'npm 安装',
+    gitInstall: 'Git Clone',
+    npmMirrorPlaceholder: 'npm 镜像',
+    relatedLinks: '相关链接',
+    mirrors: {
+      official: '官方源',
+      taobao: '淘宝镜像',
+      huawei: '华为镜像',
+    },
+    tools: {
+      dsh: {
+        name: 'DeepSeek Harness',
+        tagline: 'DeepSeek 官方 AI 编程助手',
+        description: 'DeepSeek（深度求索）官方推出的命令行 AI 编程助手，开源，原生支持 DeepSeek 系列模型。核心特点：Everything is a plugin，所有能力模块均可替换。',
+        links: ['DeepSeek 官网', 'GitHub', '官方文档'],
+        badge: 'Open Source',
+      },
+      opencode: {
+        name: 'OpenCode',
+        tagline: '开源 AI 终端编程助手',
+        description: '由社区驱动的开源交互式 CLI 编程助手，支持 Agent / Skill / Command 三层扩展架构与 MCP 工具集成。',
+        links: ['官方文档', 'GitHub'],
+        badge: 'Open Source',
+      },
+      codex: {
+        name: 'Codex CLI',
+        tagline: 'OpenAI 官方终端编程助手',
+        description: 'OpenAI 推出的命令行 AI 编程工具，开源，基于 GPT 模型提供代码生成与修改能力，与 OpenAI 生态深度集成。',
+        links: ['官方文档', 'GitHub'],
+        badge: 'Official',
+      },
+      claude: {
+        name: 'Claude Code',
+        tagline: 'Anthropic 官方终端 AI 助手',
+        description: 'Anthropic 推出的命令行 AI 编程助手，基于 Claude 系列模型，拥有 200K 超长上下文窗口，擅长复杂代码推理与工程任务。',
+        links: ['官方文档', 'GitHub'],
+        badge: 'Official',
+      },
+      hermes: {
+        name: 'Hermes Agent',
+        tagline: '开源多模态 AI Agent',
+        description: 'Hermes Agent 是一款开源的多模态 AI Agent，支持多种模型后端，通过统一的配置接口连接不同的 LLM 服务。',
+        links: ['GitHub'],
+        badge: 'Open Source',
+      },
+    },
+  },
+  freeModels: {
+    pageTitle: '免费模型',
+    pageDesc: 'OpenRouter 和 Nvidia NIM 两个平台的免费大模型 API 信息，包括可用模型列表、注册方式与使用示例。',
+    modelList: '模型列表',
+    apiSpec: 'API规格',
+    openaiStyle: 'OpenAI 风格',
+    anthropicStyle: 'Anthropic 风格',
+    baseUrl: 'Base URL',
+    apiKey: 'API Key',
+    tryModel: '模型试用',
+    apiTest: 'API测试',
+    tryModelPlaceholder: '选择模型后输入消息开始对话...',
+    selectModel: '选择模型',
+    inputApiKey: '输入 API Key',
+    startChat: '开始对话',
+    speedTest: '测速',
+    measured: '实测',
+    speedTestResult: '测速结果',
+    speed: '速度',
+    responseTime: '响应时间',
+    tokens: 'Token数',
+    testTime: '测速时间',
+    chatTitle: '模型对话',
+    newSession: '新会话',
+    apiHint: 'API Key 将用于调用模型接口，请妥善保管。默认使用共享测试 Key。',
+    registration: '注册步骤',
+    usage: '使用示例',
+    usageCurl: 'curl 调用',
+    usageConfig: 'OpenCode 配置',
+    tips: '使用提示',
+    relatedLinks: '相关链接',
+    tableColumns: {
+      name: '模型名称',
+      provider: '提供商',
+      context: '上下文窗口',
+      available: '可用',
+      ttft: '首字延迟',
+      throughput: '吞吐速度',
+      coding: '编码能力',
+      testedAt: '测试时间',
+      responseTime: '响应时间',
+      status: '状态',
+      note: '备注',
+    },
+    status: {
+      available: '可用',
+      unavailable: '不可用',
+    },
+    providers: {
+      openrouter: {
+        name: 'OpenRouter',
+        tagline: '统一的 LLM API 聚合平台',
+        description: 'OpenRouter 是一个统一的 LLM API 路由平台，聚合了 OpenAI、Anthropic、Google、Meta 等多家厂商的模型。部分模型提供免费额度，适合开发者测试和学习使用。',
+        badge: 'Free Tier',
+        modelNotes: [
+          '免费，有速率限制',
+          '免费，有速率限制',
+          '免费，有速率限制',
+          '免费，有速率限制',
+          '免费，有速率限制',
+        ],
+        registration: [
+          '访问 OpenRouter 官网 https://openrouter.ai',
+          '点击 Sign Up，使用 GitHub 或 Google 账号登录',
+          '进入 Keys 页面，点击 Create Key 生成 API Key',
+          '保存好 API Key（格式：sk-or-v1-xxxxx）',
+          '免费模型会标注 "Free" 标签，可直接使用',
+        ],
+        tips: [
+          '免费模型有速率限制（通常 10-20 次/分钟）',
+          '部分免费模型可能不保证可用性，建议多备选几个',
+          '付费模型按 token 计费，价格通常比官方便宜',
+          'OpenRouter 支持 OpenAI 兼容格式，可直接替换 baseURL',
+        ],
+        links: ['官网', '免费模型列表', 'API 文档'],
+      },
+      nvidia: {
+        name: 'Nvidia NIM',
+        tagline: 'Nvidia 提供的免费模型推理服务',
+        description: 'Nvidia 通过 NIM（NVIDIA Inference Microservices）平台提供多种开源大模型的免费推理 API 接口，包括 Llama、Mistral、Qwen 等，开发者注册后可获得免费 API Key。',
+        badge: 'Free',
+        modelNotes: [
+          '免费',
+          '免费',
+          '免费',
+          '免费',
+          '免费',
+          '嵌入模型，免费',
+        ],
+        registration: [
+          '访问 Nvidia 开发者平台 https://build.nvidia.com',
+          '点击 Sign In，使用 NVIDIA 账号登录（可免费注册）',
+          '选择需要的模型，点击 "Get API Key"',
+          '生成的 API Key 格式为：nvapi-xxxxx',
+          '在代码中使用 OpenAI 兼容接口调用',
+        ],
+        tips: [
+          'Nvidia NIM 免费额度较大，适合学习和开发测试',
+          '所有模型均使用 OpenAI 兼容 API 格式，切换成本低',
+          '部分大模型（如 405B）推理速度可能较慢',
+          'NIM 平台会不定期新增模型，建议关注更新',
+        ],
+        links: ['Nvidia NIM 官网', 'API 文档', '模型列表'],
+      },
+      bluesliu: {
+        name: 'BluesLiu',
+        tagline: '站内提供的免费测试模型服务',
+        description: 'BluesLiu 是本站提供的内部测试模型服务，基于 @ai-sdk/openai-compatible 构建，聚合了 MiniMax、智谱 GLM 等多种模型。无需注册，直接使用共享 API Key 即可调用，适合学习和快速测试。',
+        badge: '站内测试',
+        modelNotes: [
+          'MiniMax 提供的通用大语言模型',
+          '阿里云 CodeAgent 模型，擅长代码任务',
+          '智谱 GLM 5.1 模型，通用能力强',
+        ],
+        registration: [
+          '本服务为站内提供，无需注册',
+          'API Key 为共享密钥：bluesliusharing',
+          'BaseURL：http://blues.huawei.com:32527/v1',
+          '可用模型包括 MiniMax-M2.7、maas-glm-5-aliyun-codeagent、maas-glm-5.1-zhipu',
+          '使用 OpenAI 兼容接口调用即可',
+        ],
+        tips: [
+          '本服务为内部测试用途，不保证长期可用',
+          '共享 API Key，请勿用于生产环境',
+          'API 地址仅内网可访问，需在华为内网环境下使用',
+          '所有模型均使用 OpenAI 兼容 API 格式，切换成本低',
+        ],
+        links: ['API 地址'],
+      },
+    },
+  },
+  proxy: {
+    pageTitle: '代理方案',
+    pageDesc: '代理配置机制通用于所有模型，不区分 GPT 或 Claude。按代理方式分类，涵盖 API 中转、内置代理、Cloudflare Workers、ECS 正向代理与 ECS 反向代理五种方案。',
+    steps: '操作步骤',
+    configExample: '配置示例',
+    notes: '注意事项',
+    solutions: {
+      apiRelay: {
+        name: 'API 中转服务',
+        tagline: '使用第三方中转平台转发请求',
+        description: '使用第三方 API 中转服务（如 API2D、OpenAI-SB 等），将请求转发到 OpenAI 或 Anthropic。中转平台提供国内可访问的 baseURL，使用方式与官方 API 完全一致，GPT 和 Claude 均可使用。',
+        badge: '中转',
+        steps: [
+          '注册中转服务平台账号',
+          '获取中转平台分配的 API Key（格式通常为 sk-xxx 或 sk-ant-xxx）',
+          '确认该平台支持的目标模型（GPT / Claude / 其他）',
+          '在 Harness 中将 baseURL 替换为中转平台地址，apiKey 替换为中转 Key',
+          '模型名称保持与官方一致（如 gpt-4o、claude-sonnet-4-20250514）',
+        ],
+        tips: [
+          '中转服务可能存在数据安全风险，请选择可信平台',
+          'GPT 的 baseURL 末尾需带 /v1，Claude 的 baseURL 末尾不带 /v1',
+          '部分中转平台只支持 GPT 或只支持 Claude，注册前需确认',
+          '建议同时准备多个方案作为备选',
+        ],
+      },
+      builtinProxy: {
+        name: 'Harness 内置代理',
+        tagline: '通过环境变量或 baseURL 配置实现访问',
+        description: '在已有稳定代理通道（VPN / Clash / Shadowsocks 等）的前提下，通过设置 HTTP 代理环境变量，或直接在 Harness 配置中指定 baseURL，让 GPT 和 Claude 请求走代理通道。无需修改代码，配置即可生效。',
+        badge: '内置',
+        steps: [
+          '确保本地已有可用的代理通道（VPN / Clash / SS 等）',
+          '方式一：设置 HTTPS_PROXY 环境变量，所有 HTTP 请求走代理（需代理可达目标 API）',
+          '方式二：在 Harness 配置中直接指定官方 baseURL（代理通道负责网络可达）',
+          'GPT 和 Claude 使用相同的环境变量，无需区分配置',
+          '验证代理延迟和稳定性，确保不影响开发体验',
+        ],
+        tips: [
+          '此方案需要已有代理通道，代理本身的稳定性决定体验',
+          '环境变量方式最通用，所有 Harness 工具均可生效',
+          '注意区分 HTTP 代理端口（通常 7890/1087）和 SOCKS5 端口（通常 1080）',
+          '设置 ALL_PROXY=socks5://127.0.0.1:1080 可让终端工具全部走 SOCKS5 代理',
+        ],
+      },
+      cfWorkers: {
+        name: 'Cloudflare Workers 自建中转',
+        tagline: '通过 CF Workers 搭建 API 转发服务',
+        description: '通过 Cloudflare Workers 搭建自己的 API 中转服务，稳定性高且不依赖第三方中转平台。需要一个域名和 Cloudflare 账号。GPT 和 Claude 需分别部署不同的 Worker（目标 host 不同），但机制完全相同。',
+        badge: 'CF',
+        steps: [
+          '注册 Cloudflare 账号，添加一个域名',
+          '创建两个 Worker：一个转发到 api.openai.com，一个转发到 api.anthropic.com',
+          '部署 Worker 脚本',
+          '配置自定义域名路由（如 openai.your-domain.com 和 claude.your-domain.com）',
+          '在 Harness 中将 baseURL 指向对应的 Worker 域名',
+        ],
+        tips: [
+          '此方案最安全可靠，自己掌控全部流量转发',
+          '需要一定的技术能力来部署和配置 Cloudflare',
+          'GPT 和 Claude 的 Worker 脚本几乎一样，仅 target host 不同',
+          'Cloudflare 免费额度每天 10 万次请求，个人使用足够',
+        ],
+      },
+      ecsForward: {
+        name: 'ECS 正向代理',
+        tagline: 'Shadowsocks 浏览器通用代理',
+        description: '在阿里云海外 ECS 上部署 Shadowsocks 服务端，本地通过 SS 客户端连接后，所有流量（浏览器、终端、APP）均经过 ECS 转发。此方案为「正向代理」，客户端主动将流量发往代理服务器，GPT 和 Claude 均可通过此方式访问。',
+        badge: '正向',
+        steps: [
+          '登录阿里云控制台，购买 ECS 实例（推荐香港/新加坡/美国地域，1 核 1G 即可）',
+          '选择 Ubuntu 22.04 或 Debian 12 系统镜像，记录公网 IP',
+          '在安全组规则中开放 TCP 端口 8388（Shadowsocks 默认端口）',
+          'SSH 登录 ECS，安装 Shadowsocks-libev',
+          '编辑配置文件 /etc/shadowsocks/config.json',
+          '启动 ss-server 服务并设置开机自启',
+          '在本地安装 Shadowsocks 客户端，填入 ECS 公网 IP、端口、密码和加密方式',
+          '开启系统代理或 PAC 模式，浏览器即可通过 ECS 访问外网',
+        ],
+        tips: [
+          '正向代理适合全局翻墙，浏览器和终端都可使用',
+          '所有流量都经过 ECS 转发，带宽消耗较大',
+          'ECS 地域必须能访问目标 API（香港/新加坡/美西均可）',
+          '可在一台 ECS 上同时部署 Shadowsocks 和 Nginx 反向代理',
+        ],
+      },
+      ecsReverse: {
+        name: 'ECS 反向代理',
+        tagline: 'Nginx 模型 API 专用代理',
+        description: '在阿里云海外 ECS 上部署 Nginx 反向代理，将 API 请求转发到 OpenAI / Anthropic。此方案为「反向代理」，客户端访问 ECS 地址，由 Nginx 转发到目标 API。仅代理模型 API 请求，更轻量低延迟，但不能作为浏览器代理。GPT 和 Claude 可在同一个 Nginx 中配置不同 location 路径。',
+        badge: '反向',
+        steps: [
+          '购买阿里云 ECS 实例（同样需要海外地域，以能访问 OpenAI/Anthropic 为准）',
+          '安装 Nginx',
+          '配置反向代理，分别转发 /openai/ → api.openai.com 和 /anthropic/ → api.anthropic.com',
+          '在阿里云安全组开放 80 和 443 端口',
+          '（可选）配置域名 + Let\'s Encrypt SSL 证书',
+          '在 Harness 工具中将 baseURL 指向 ECS 的代理地址',
+        ],
+        tips: [
+          '反向代理仅代理 API 请求，更轻量低延迟，但不能作为浏览器代理',
+          'GPT 和 Claude 可共用一个 Nginx，通过不同 location 路径区分',
+          '建议配置 HTTPS 证书，避免 API Key 在传输中被截获',
+          'ECS 带宽选择 5Mbps 以上，模型 API 响应通常较大',
+          '注意阿里云按量付费的流量费用，海外 ECS 流量费略高',
+        ],
+      },
+    },
+  },
+  common: {
+    copy: '复制',
+    copied: '已复制',
+    copiedToClipboard: '已复制到剪贴板',
+    copyFailed: '复制失败，请手动复制',
+    underConstruction: '建设中',
+  },
+  docs: {
+    pageTitle: 'Docs 文档',
+    pageDesc: '大语言模型核心接口知识——Chat Completions 与 Agent Tool Calling 全流程详解',
+    chat: {
+      tabLabel: 'Chat',
+      request: '请求',
+      response: '响应',
+      notes: '要点',
+      paramName: '参数名',
+      paramType: '类型',
+      paramRequired: '必填',
+      paramDesc: '说明',
+      yes: '是',
+      no: '否',
+    },
+    agent: {
+      tabLabel: 'Agent',
+      toolDefs: '工具定义',
+      scenario: '场景',
+      execution: '执行',
+      output: '输出结果',
+      summary: '循环总结',
+      builtin: '内置工具',
+      builtinTitle: 'opencode 内置工具完整描述',
+      builtinDesc: '以下为 opencode agent 内置工具的真实 description 全文和 parameters JSON Schema。注意每个工具的描述远不止一句话——它包含使用场景、禁忌规则、参数约束和行为规范，是面向模型的 prompt engineering。',
+      description: 'Description（描述全文）',
+      parameters: 'Parameters（参数 Schema）',
+    },
+    spec: {
+      tabLabel: '规格转换',
+      overview: '规格概览',
+      comparison: '差异对比',
+      aspect: '对比维度',
+      mappings: '转换映射',
+      note: '说明',
+      phase: '阶段',
+      configExample: '配置示例',
+      location: '位置',
+      suggestedFix: '建议修复',
+      toolBridge: '协议桥接',
+      bridgeFlow: '桥接流程',
+      formatName: '格式名称',
+      pattern: '模式',
+      gateway: 'OpenCode 网关',
+      dsProxy: 'DeepSeek 逆向代理',
+      llmproxy: 'llmproxy 认证代理',
+      codeartsConv: 'CodeArts 接口转换',
+      method: '方法',
+      path: '路径',
+      formatLabel: '格式',
+      toolCalling: '工具调用',
+      clientName: '客户端',
+      yes: '支持',
+      partial: '部分',
+      notPrimary: '非主要',
+      endpointName: '端点名称',
+      used: '使用方',
+      modelId: '模型 ID',
+      modelDisplay: '显示名',
+      context: '上下文',
+      requestHeaders: '请求头',
+      requestBody: '请求体参数',
+      from: '源格式',
+      to: '目标格式',
+      function: '转换函数',
+    },
+    auth: {
+      tabLabel: '登录认证',
+      layer: '层级',
+      file: '文件',
+      role: '职责',
+      standardApi: '标准 API',
+      deepseekWeb: 'DeepSeek 网页端',
+    },
+    skills: {
+      tabLabel: 'Skills',
+      thought: '想法',
+      reality: '现实',
+      priority: '优先级',
+      tdd: 'TDD 概念',
+      skillCreation: '技能创建',
+      platform: '平台',
+      install: '安装',
+      hookFormat: 'Hook 格式',
+      dimension: '维度',
+      promptTemplate: 'Prompt 模板',
+      outputContract: '输出契约',
+      fileMechanism: '文件机制',
+      lifecycle: '生命周期',
+    },
+  },
+  os: {
+    currentSystem: '当前系统',
+    unix: 'macOS / Linux',
+    windows: 'Windows',
+  },
+  router: {
+    home: '首页',
+    harness: 'Harness 工具',
+    freeModels: '免费模型',
+    proxy: '代理方案',
+    tokenMarket: 'Token 市场',
+    docs: 'Docs 文档',
+    siteName: 'AI Harness 学习站',
+    metaDesc: 'AI Harness 学习站 - 学习 AI 编程工具（OpenCode、Codex、Claude Code），获取免费大模型，国内代理方案',
+  },
+}

package/client/src/main.js

@@ -0,0 +1,16 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import 'element-plus/theme-chalk/dark/css-vars.css'
+import router from './router'
+import i18n from './locales'
+import './style.css'
+import App from './App.vue'
+
+const app = createApp(App)
+app.use(createPinia())
+app.use(router)
+app.use(i18n)
+app.use(ElementPlus)
+app.mount('#app')

package/client/src/router/index.js

@@ -0,0 +1,76 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+import HarnessView from '../views/HarnessView.vue'
+import FreeModelsView from '../views/FreeModelsView.vue'
+import ProxyView from '../views/ProxyView.vue'
+import TokenMarketView from '../views/TokenMarketView.vue'
+import DocsView from '../views/DocsView.vue'
+import AdminModelsView from '../views/AdminModelsView.vue'
+import i18n from '../locales/index.js'
+
+const routes = [
+  {
+    path: '/',
+    name: 'home',
+    component: HomeView,
+    meta: { titleKey: 'router.home' },
+  },
+  {
+    path: '/harness',
+    name: 'harness',
+    component: HarnessView,
+    meta: { titleKey: 'router.harness' },
+  },
+  {
+    path: '/free-models',
+    name: 'free-models',
+    component: FreeModelsView,
+    meta: { titleKey: 'router.freeModels' },
+  },
+  {
+    path: '/proxy',
+    name: 'proxy',
+    component: ProxyView,
+    meta: { titleKey: 'router.proxy' },
+  },
+  {
+    path: '/token-market',
+    name: 'token-market',
+    component: TokenMarketView,
+    meta: { titleKey: 'router.tokenMarket' },
+  },
+  {
+    path: '/docs',
+    name: 'docs',
+    component: DocsView,
+    meta: { titleKey: 'router.docs' },
+  },
+  {
+    path: '/admin/models',
+    name: 'admin-models',
+    component: AdminModelsView,
+    meta: { titleKey: '模型管理' },
+  },
+]
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+  scrollBehavior() {
+    return { top: 0 }
+  },
+})
+
+router.afterEach((to) => {
+  const { t } = i18n.global
+  const title = to.meta.titleKey ? t(to.meta.titleKey) : ''
+  const siteName = t('router.siteName')
+  document.title = title ? `${title} | ${siteName}` : siteName
+
+  const metaDesc = document.querySelector('meta[name="description"]')
+  if (metaDesc) {
+    metaDesc.setAttribute('content', t('router.metaDesc'))
+  }
+})
+
+export default router

package/client/src/style.css

@@ -0,0 +1,15 @@
+html, body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+#app {
+  min-height: 100vh;
+}
+
+html.dark {
+  color-scheme: dark;
+}