@varlet/cli 3.3.4 → 3.3.5-alpha.1720530125141

package/lib/client/index.js

@@ -102,7 +102,7 @@ export function watchTheme(cb, shouldUnmount = true) {
     cb(getBrowserTheme(), 'default');
 }
 export function getMobileIndex() {
-    const isCf = window.location.origin.includes('pages.dev');
+    const isCf = config._cf.some((path) => window.location.origin.includes(path));
     return isCf ? './mobile' : './mobile.html';
 }
 export { AppType, StyleProvider };

package/lib/node/config/varlet.config.d.ts

@@ -170,6 +170,7 @@ export interface VarletConfig {
      * Directive folder name for component library.
      */
     directives?: string[];
+    _cf?: string[];
 }
 export declare function defineConfig(config: VarletConfig): VarletConfig;
 export declare function mergeStrategy(_: any, srcValue: any, key: any, _object: any, _source: any): any[] | undefined;

package/lib/node/config/varlet.default.config.js

@@ -1,15 +1,63 @@
 import { defineConfig } from './varlet.config.js';
 const title = {
-    'zh-CN': 'Varlet - Vue3 Material Design 移动端组件库',
-    'en-US': 'Varlet - Material design mobile components built for Vue3',
+    'zh-CN': 'Varlet - Vue3 Material Design 组件库',
+    'en-US': 'Varlet - Vue3 Material design component library',
 };
 const description = {
-    'zh-CN': 'Varlet 是一个基于 Vue3 开发的 Material Design 移动端组件库，全面拥抱 Vue3 生态，由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验。',
-    'en-US': 'Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience.',
+    'zh-CN': 'Varlet 是一个基于 Vue3 开发的 Material Design 组件库，全面拥抱 Vue3 生态，支持移动端和桌面端，由 varletjs 组织维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发验。',
+    'en-US': 'Varlet is a Material design component library developed based on Vue3, supporting mobile and desktop, developed and maintained by varletjs organization. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience.',
 };
 const keywords = {
-    'zh-CN': 'Varlet,UI,Vue3 移动端组件库,Material Design 2,Material Design 3',
-    'en-US': 'Varlet,UI,Vue3 Mobile Components Library,Material Design 2,Material Design 3',
+    'zh-CN': [
+        'Varlet',
+        'Varlet UI',
+        'varlet',
+        'varlet-ui',
+        'Vue3 组件库',
+        'Material Design 2',
+        'Material Design 3',
+        '移动端',
+        '桌面端',
+        '提供 60+ 个高质量通用组件',
+        '组件十分轻量',
+        '由国人开发，完善的中英文文档和后勤保障',
+        '支持按需引入',
+        '支持主题定制',
+        '支持国际化',
+        '支持 webstorm 组件属性高亮',
+        '支持 SSR',
+        '支持 Nuxt Module',
+        '支持 Typescript',
+        '提供官方的 VSCode 插件',
+        '支持无障碍访问（持续改进中）',
+    ].join(','),
+    'en-US': [
+        'Varlet',
+        'Varlet UI',
+        'varlet',
+        'varlet-ui',
+        'UI',
+        'Vue3 Mobile Components Library',
+        'Material Design 2',
+        'Material Design 3',
+        'Mobile',
+        'Desktop',
+        'Provide 60+ high quality general purpose components',
+        'Components are very lightweight',
+        'Developed by Chinese, complete Chinese and English documentation and logistics support',
+        'Support on-demand introduction',
+        'Support theme customization',
+        'Support internationalization',
+        'Support WebStorm syntax highlighting',
+        'Support the SSR',
+        'Support Nuxt Module',
+        'Support the Typescript',
+        'Make sure more than 90 percent unit test coverage, providing stability assurance',
+        'Supports both Material Design 2 and Material Design 3 design systems',
+        'Support dark mode',
+        'Provide official VSCode extension',
+        'Support Accessibility (still improving)',
+    ].join(','),
 };
 export default defineConfig({
     name: 'Varlet',
@@ -496,6 +544,7 @@ export default defineConfig({
     themeKey: 'VARLET_V3_THEME',
     defaultLightTheme: 'md3LightTheme',
     defaultDarkTheme: 'md3DarkTheme',
+    _cf: ['pages.dev', 'varletjs.org'],
     lightTheme: {
         'color-body': '#fff',
         'color-index-page-background': '#fff',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "3.3.4",
+  "version": "3.3.5-alpha.1720530125141",
   "type": "module",
   "description": "cli of varlet",
   "bin": {
@@ -64,8 +64,8 @@
     "vite": "5.0.10",
     "vitest": "1.1.0",
     "vue": "3.4.21",
-    "@varlet/vite-plugins": "3.3.4",
-    "@varlet/shared": "3.3.4"
+    "@varlet/shared": "3.3.5-alpha.1720530125141",
+    "@varlet/vite-plugins": "3.3.5-alpha.1720530125141"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.1",
@@ -80,9 +80,9 @@
     "@types/semver": "^7.3.9",
     "@types/sharp": "0.31.1",
     "rimraf": "^5.0.1",
-    "@varlet/touch-emulator": "3.3.4",
-    "@varlet/icons": "3.3.4",
-    "@varlet/ui": "3.3.4"
+    "@varlet/ui": "3.3.5-alpha.1720530125141",
+    "@varlet/touch-emulator": "3.3.5-alpha.1720530125141",
+    "@varlet/icons": "3.3.5-alpha.1720530125141"
   },
   "peerDependencies": {
     "@vitest/coverage-istanbul": "1.1.0",
@@ -94,9 +94,9 @@
     "lodash-es": "^4.17.21",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/ui": "3.3.4",
-    "@varlet/touch-emulator": "3.3.4",
-    "@varlet/icons": "3.3.4"
+    "@varlet/icons": "3.3.5-alpha.1720530125141",
+    "@varlet/touch-emulator": "3.3.5-alpha.1720530125141",
+    "@varlet/ui": "3.3.5-alpha.1720530125141"
   },
   "scripts": {
     "dev": "tsc --watch",

package/site/index.html

@@ -74,6 +74,11 @@
   %>
 </head>
 <body>
+  <div style="position: absolute; top: -99999px; z-index: -99999">
+    <h1><%= pcTitle %></h1>
+    <h2><%= pcKeywords %></h2>
+    <p><%= pcDescription %></p>
+  </div>
 <% 
   pcHtmlInject.body.start.forEach(function(tag) { %>
     <%- tag %>

package/site/mobile.html

@@ -55,6 +55,11 @@
   %>
 </head>
 <body>
+  <div style="position: absolute; top: -99999px; z-index: -99999">
+    <h1><%= mobileTitle %></h1>
+    <h2><%= mobileKeywords %></h2>
+    <p><%= mobileDescription %></p>
+  </div>
 <% 
   mobileHtmlInject.body.start.forEach(function(tag) { %>
     <%- tag %>