@varlet/cli 1.24.10 → 1.24.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "1.24.10",
+  "version": "1.24.11",
   "description": "cli of varlet",
   "bin": {
     "varlet-cli": "./lib/index.js"
@@ -29,9 +29,9 @@
   },
   "gitHead": "ee9c3866bedad96c86365b0f9888a3a6bb781b1f",
   "dependencies": {
-    "@varlet/icons": "1.24.10",
-    "@varlet/markdown-vite-plugin": "1.24.10",
-    "@varlet/touch-emulator": "1.24.10",
+    "@varlet/icons": "1.24.11",
+    "@varlet/markdown-vite-plugin": "1.24.11",
+    "@varlet/touch-emulator": "1.24.11",
     "@babel/core": "^7.14.8",
     "@babel/preset-env": "^7.14.8",
     "@babel/preset-typescript": "^7.14.5",
@@ -73,7 +73,7 @@
     "@types/lodash-es": "^4.17.5"
   },
   "peerDependencies": {
-    "@varlet/touch-emulator": "1.24.10",
+    "@varlet/touch-emulator": "1.24.11",
     "@vue/test-utils": "^2.0.0-rc.6",
     "vue": "3.2.16",
     "vue-router": "4.0.12",

package/site/mobile/App.vue

@@ -1,32 +1,21 @@
 <template>
   <div style="position: relative">
     <header>
-      <var-site-app-bar
-        class="app-bar"
-        title-position="left"
-        :title="bigCamelizeComponentName"
-      >
+      <var-site-app-bar class="app-bar" title-position="left" :title="bigCamelizeComponentName">
         <template #left>
-          <var-site-button
-            v-if="showBackIcon"
-            text
-            round
-            @click="back"
-            color="transparent"
-            text-color="#fff"
-          >
-            <var-site-icon name="chevron-left" :size="28" style="margin-top: 1px;" />
+          <var-site-button v-if="showBackIcon" text round @click="back" color="transparent" text-color="#fff">
+            <var-site-icon name="chevron-left" :size="28" style="margin-top: 1px" />
           </var-site-button>
           <var-site-button
             v-if="!showBackIcon && github"
-            style="margin-left: 2px;"
+            style="margin-left: 2px"
             text
             round
             @click="toGithub"
             color="transparent"
             text-color="#fff"
           >
-            <var-site-icon name="github" :size="28" style="margin-top: 1px;" />
+            <var-site-icon name="github" :size="28" style="margin-top: 1px" />
           </var-site-button>
         </template>
         <template #right>
@@ -36,7 +25,7 @@
             color="transparent"
             text-color="#fff"
             :style="{
-              transform: languages ? 'translateX(2px)' : 'translateX(-4px)'
+              transform: languages ? 'translateX(2px)' : 'translateX(-4px)',
             }"
             v-if="darkMode"
             @click="toggleTheme"
@@ -66,10 +55,7 @@
     </div>
 
     <transition name="site-menu">
-      <div
-        class="settings var-site-elevation--3"
-        v-if="showMenu"
-      >
+      <div class="settings var-site-elevation--3" v-if="showMenu">
         <var-site-cell
           v-for="(value, key) in nonEmptyLanguages"
           :key="key"
@@ -102,7 +88,7 @@ import {
 import { get } from 'lodash-es'
 
 export default defineComponent({
-  setup: function() {
+  setup: function () {
     const bigCamelizeComponentName: Ref<string> = ref('')
     const route = useRoute()
     const showBackIcon: Ref<boolean> = ref(false)
@@ -122,7 +108,7 @@ export default defineComponent({
       window.location.href = `./mobile.html#${route.path}?language=${language.value}&replace=${route.query.replace}`
 
       if (!isPhone() && inIframe()) {
-        (window.top as any).scrollToMenu(redirect.slice(1))
+        ;(window.top as any).scrollToMenu(redirect.slice(1))
       }
     }
 
@@ -130,7 +116,7 @@ export default defineComponent({
       window.location.href = `./mobile.html#${redirect}?language=${language.value}&replace=${redirect.slice(1)}`
 
       if (!isPhone() && inIframe()) {
-        (window.top as any).scrollToMenu(redirect.slice(1))
+        ;(window.top as any).scrollToMenu(redirect.slice(1))
       }
     }
 
@@ -173,7 +159,7 @@ export default defineComponent({
       }
     }
 
-    (window as any).toggleTheme = toggleTheme
+    ;(window as any).toggleTheme = toggleTheme
 
     setThemes(config, currentThemes.value)
     window.postMessage(getThemesMessage(), '*')
@@ -199,9 +185,9 @@ export default defineComponent({
       toGithub,
       back,
       changeLanguage,
-      toggleTheme
+      toggleTheme,
     }
-  }
+  },
 })
 </script>
 
@@ -218,7 +204,7 @@ body {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: var(--site-config-color-bar);
   color: var(--site-config-color-text);
-  transition: background-color .25s, color .25s;
+  transition: background-color 0.25s, color 0.25s;
 }
 
 ::-webkit-scrollbar {

package/varlet.default.config.js

@@ -21,7 +21,7 @@ module.exports = {
     menu: [],
     redirect: '/home',
     title: {
-      'zh-CN': 'Varlet 面向 Vue3 的 Material 风格移动端组件库',
+      'zh-CN': '面向 Vue3 的 Material 风格移动端组件库',
       'en-US': 'Material design mobile components built for Vue3',
     },
     header: {
@@ -48,7 +48,7 @@ module.exports = {
   mobile: {
     redirect: '/home',
     title: {
-      'zh-CN': 'Varlet 面向 Vue3 的 Material 风格移动端组件库',
+      'zh-CN': '面向 Vue3 的 Material 风格移动端组件库',
       'en-US': 'Material design mobile components built for Vue3',
     },
     header: {