@varlet/cli 2.16.0-alpha.1693852004525 → 2.16.0-alpha.1693855048345

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "2.16.0-alpha.1693852004525",
+  "version": "2.16.0-alpha.1693855048345",
   "type": "module",
   "description": "cli of varlet",
   "bin": {
@@ -67,8 +67,8 @@
     "vite": "4.3.5",
     "vue": "3.3.4",
     "webfont": "^9.0.0",
-    "@varlet/vite-plugins": "2.16.0-alpha.1693852004525",
-    "@varlet/shared": "2.16.0-alpha.1693852004525"
+    "@varlet/shared": "2.16.0-alpha.1693855048345",
+    "@varlet/vite-plugins": "2.16.0-alpha.1693855048345"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.1",
@@ -83,9 +83,9 @@
     "@types/semver": "^7.3.9",
     "@types/sharp": "0.31.1",
     "rimraf": "^5.0.1",
-    "@varlet/icons": "2.16.0-alpha.1693852004525",
-    "@varlet/ui": "2.16.0-alpha.1693852004525",
-    "@varlet/touch-emulator": "2.16.0-alpha.1693852004525"
+    "@varlet/icons": "2.16.0-alpha.1693855048345",
+    "@varlet/ui": "2.16.0-alpha.1693855048345",
+    "@varlet/touch-emulator": "2.16.0-alpha.1693855048345"
   },
   "peerDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -98,8 +98,8 @@
     "lodash-es": "^4.17.21",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/icons": "2.16.0-alpha.1693852004525",
-    "@varlet/touch-emulator": "2.16.0-alpha.1693852004525"
+    "@varlet/icons": "2.16.0-alpha.1693855048345",
+    "@varlet/touch-emulator": "2.16.0-alpha.1693855048345"
   },
   "scripts": {
     "dev": "tsc --watch",

package/site/pc/pages/index/index.vue

@@ -271,7 +271,7 @@ watch(() => route.path, () => {
     color: var(--site-config-color-index-page-second-text-color);
     font-size: 14px;
     margin-top: 10px;
-    line-height: 1.5;
+    line-height: 1.7;
   }
 
   &__contributors, &__team-members {
@@ -285,7 +285,7 @@ watch(() => route.path, () => {
   &__contributors-title, &__team-members-title {
     padding-top: 24px;
     line-height: 32px;
-    font-size: 22px;
+    font-size: 24px;
     border-top: 2px solid var(--site-config-color-index-page-divider-color);
     color: var(--site-config-color-index-page-second-text-color);
     letter-spacing: 1px;
@@ -368,7 +368,7 @@ watch(() => route.path, () => {
   &__sponsors-title {
     padding-top: 24px;
     line-height: 32px;
-    font-size: 22px;
+    font-size: 24px;
     border-top: 2px solid var(--site-config-color-index-page-divider-color);
     color: var(--site-config-color-index-page-second-text-color);
     letter-spacing: 1px;

package/template/generators/config/default/sfc/src/button/Button.vue

@@ -1,5 +1,5 @@
 <template>
-  <button class="var-button" :style="{ background: color }" @click="handleClick">
+  <button class="va-button" :style="{ background: color }" @click="handleClick">
     <slot />
   </button>
 </template>
@@ -8,7 +8,7 @@
 import { defineComponent, PropType } from 'vue'
 
 export default defineComponent({
-  name: 'VarButton',
+  name: 'VaButton',
   props: {
     color: {
       type: String,

package/template/generators/config/default/sfc/src/button/button.less

@@ -1,4 +1,4 @@
-.var-button {
+.va-button {
   display: flex;
   padding: 10px;
   background: #3a7afe;

package/template/generators/config/default/sfc/src/button/docs/zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 基本使用
 ```html
-<var-button>按钮起步</var-button>
+<va-button>按钮起步</va-button>
 ```
 
 ```vue
@@ -11,7 +11,7 @@ import BasicUse from '../example/BasicUse'
 
 ### 主题色按钮
 ```html
-<var-button color="#009688">按钮起步</var-button>
+<va-button color="#009688">按钮起步</va-button>
 ```
 
 ```vue

package/template/generators/config/default/sfc/src/button/example/BasicUse.vue

@@ -1,7 +1,7 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 </script>
 
 <template>
-  <var-button>起步</var-button>
+  <va-button>起步</va-button>
 </template>

package/template/generators/config/default/sfc/src/button/example/ModifyColor.vue

@@ -1,7 +1,7 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 </script>
 
 <template>
-  <var-button color="#03A9F4">起步</var-button>
+  <va-button color="#03A9F4">起步</va-button>
 </template>

package/template/generators/config/default/sfc/src/button/example/index.vue

@@ -1,12 +1,12 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 import { AppType } from '@varlet/cli/client'
 </script>
 
 <template>
   <app-type>基本使用</app-type>
-  <var-button>起步</var-button>
+  <va-button>起步</va-button>
 
   <app-type>修改颜色</app-type>
-  <var-button color="#03A9F4">起步</var-button>
+  <va-button color="#03A9F4">起步</va-button>
 </template>

package/template/generators/config/default/tsx/src/button/Button.tsx

@@ -2,7 +2,7 @@ import { defineComponent, PropType } from 'vue'
 import './button.less'
 
 export default defineComponent({
-  name: 'VarButton',
+  name: 'VaButton',
   props: {
     color: {
       type: String,
@@ -18,7 +18,7 @@ export default defineComponent({
       const { color } = props
 
       return (
-        <button class="var-button" style={{ background: color }} onClick={handleClick}>
+        <button class="va-button" style={{ background: color }} onClick={handleClick}>
           {slots.default?.()}
         </button>
       )

package/template/generators/config/default/tsx/src/button/button.less

@@ -1,4 +1,4 @@
-.var-button {
+.va-button {
   display: flex;
   padding: 10px;
   background: #3a7afe;

package/template/generators/config/default/tsx/src/button/docs/zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 基本使用
 ```html
-<var-button>按钮起步</var-button>
+<va-button>按钮起步</va-button>
 ```
 
 ```vue
@@ -11,7 +11,7 @@ import BasicUse from '../example/BasicUse'
 
 ### 主题色按钮
 ```html
-<var-button color="#009688">按钮起步</var-button>
+<va-button color="#009688">按钮起步</va-button>
 ```
 
 ```vue

package/template/generators/config/default/tsx/src/button/example/BasicUse.vue

@@ -1,7 +1,7 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 </script>
 
 <template>
-  <var-button>起步</var-button>
+  <va-button>起步</va-button>
 </template>

package/template/generators/config/default/tsx/src/button/example/ModifyColor.vue

@@ -1,7 +1,7 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 </script>
 
 <template>
-  <var-button color="#03A9F4">起步</var-button>
+  <va-button color="#03A9F4">起步</va-button>
 </template>

package/template/generators/config/default/tsx/src/button/example/index.vue

@@ -1,12 +1,12 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 import { AppType } from '@varlet/cli/client'
 </script>
 
 <template>
   <app-type>基本使用</app-type>
-  <var-button>起步</var-button>
+  <va-button>起步</va-button>
 
   <app-type>修改颜色</app-type>
-  <var-button color="#03A9F4">起步</var-button>
+  <va-button color="#03A9F4">起步</va-button>
 </template>

package/template/generators/config/i18n/sfc/src/button/Button.vue

@@ -1,5 +1,5 @@
 <template>
-  <button class="var-button" :style="{ background: color }" @click="handleClick">
+  <button class="va-button" :style="{ background: color }" @click="handleClick">
     {{ pack.button }}
     <slot />
   </button>
@@ -12,7 +12,7 @@ import { defineComponent, PropType } from 'vue'
 import { pack } from '../locale'
 
 export default defineComponent({
-  name: 'VarButton',
+  name: 'VaButton',
   props: {
     color: {
       type: String,

package/template/generators/config/i18n/sfc/src/button/button.less

@@ -1,4 +1,4 @@
-.var-button {
+.va-button {
   display: flex;
   padding: 10px;
   background: #3a7afe;

package/template/generators/config/i18n/sfc/src/button/docs/en-US.md

@@ -2,7 +2,7 @@
 
 ### Basic Use
 ```html
-<var-button>start</var-button>
+<va-button>start</va-button>
 ```
 
 ```vue
@@ -11,7 +11,7 @@ import BasicUse from '../example/BasicUse'
 
 ### Theme Color Button
 ```html
-<var-button color="#009688">start</var-button>
+<va-button color="#009688">start</va-button>
 ```
 
 ```vue

package/template/generators/config/i18n/sfc/src/button/docs/zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 基本使用
 ```html
-<var-button>按钮起步</var-button>
+<va-button>按钮起步</va-button>
 ```
 
 ```vue
@@ -11,7 +11,7 @@ import BasicUse from '../example/BasicUse'
 
 ### 主题色按钮
 ```html
-<var-button color="#009688">按钮起步</var-button>
+<va-button color="#009688">按钮起步</va-button>
 ```
 
 ```vue

package/template/generators/config/i18n/sfc/src/button/example/BasicUse.vue

@@ -1,5 +1,5 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 import { watchLang } from '@varlet/cli/client'
 import { pack, use } from './locale'
 
@@ -7,5 +7,5 @@ watchLang(use, 'pc')
 </script>
 
 <template>
-  <var-button>{{ pack.start }}</var-button>
+  <va-button>{{ pack.start }}</va-button>
 </template>

package/template/generators/config/i18n/sfc/src/button/example/ModifyColor.vue

@@ -1,5 +1,5 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 import { watchLang } from '@varlet/cli/client'
 import { pack, use } from './locale'
 
@@ -7,5 +7,5 @@ watchLang(use, 'pc')
 </script>
 
 <template>
-  <var-button color="#03A9F4">{{ pack.start }}</var-button>
+  <va-button color="#03A9F4">{{ pack.start }}</va-button>
 </template>

package/template/generators/config/i18n/sfc/src/button/example/index.vue

@@ -1,5 +1,5 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 import { watchLang, AppType } from '@varlet/cli/client'
 import { pack, use } from './locale'
 
@@ -8,8 +8,8 @@ watchLang(use)
 
 <template>
   <app-type>{{ pack.basicUse }}</app-type>
-  <var-button>{{ pack.start }}</var-button>
+  <va-button>{{ pack.start }}</va-button>
 
   <app-type>{{ pack.modifyColor }}</app-type>
-  <var-button color="#03A9F4">{{ pack.start }}</var-button>
+  <va-button color="#03A9F4">{{ pack.start }}</va-button>
 </template>

package/template/generators/config/i18n/tsx/src/button/Button.tsx

@@ -5,7 +5,7 @@ import './button.less'
 import { pack } from '../locale'
 
 export default defineComponent({
-  name: 'VarButton',
+  name: 'VaButton',
   props: {
     color: {
       type: String,
@@ -23,7 +23,7 @@ export default defineComponent({
       const { color } = props
 
       return (
-        <button class="var-button" style={{ background: color }} onClick={handleClick}>
+        <button class="va-button" style={{ background: color }} onClick={handleClick}>
           {pack.value.button}
           {slots.default?.()}
         </button>

package/template/generators/config/i18n/tsx/src/button/button.less

@@ -1,4 +1,4 @@
-.var-button {
+.va-button {
   display: flex;
   padding: 10px;
   background: #3a7afe;

package/template/generators/config/i18n/tsx/src/button/docs/en-US.md

@@ -2,7 +2,7 @@
 
 ### Basic Use
 ```html
-<var-button>start</var-button>
+<va-button>start</va-button>
 ```
 
 ```vue
@@ -11,7 +11,7 @@ import BasicUse from '../example/BasicUse'
 
 ### Theme Color Button
 ```html
-<var-button color="#009688">start</var-button>
+<va-button color="#009688">start</va-button>
 ```
 
 ```vue

package/template/generators/config/i18n/tsx/src/button/docs/zh-CN.md

@@ -2,7 +2,7 @@
 
 ### 基本使用
 ```html
-<var-button>按钮起步</var-button>
+<va-button>按钮起步</va-button>
 ```
 
 ```vue
@@ -11,7 +11,7 @@ import BasicUse from '../example/BasicUse'
 
 ### 主题色按钮
 ```html
-<var-button color="#009688">按钮起步</var-button>
+<va-button color="#009688">按钮起步</va-button>
 ```
 
 ```vue

package/template/generators/config/i18n/tsx/src/button/example/BasicUse.vue

@@ -1,5 +1,5 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 import { watchLang } from '@varlet/cli/client'
 import { pack, use } from './locale'
 
@@ -7,5 +7,5 @@ watchLang(use, 'pc')
 </script>
 
 <template>
-  <var-button>{{ pack.start }}</var-button>
+  <va-button>{{ pack.start }}</va-button>
 </template>

package/template/generators/config/i18n/tsx/src/button/example/ModifyColor.vue

@@ -1,5 +1,5 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 import { watchLang } from '@varlet/cli/client'
 import { pack, use } from './locale'
 
@@ -7,5 +7,5 @@ watchLang(use, 'pc')
 </script>
 
 <template>
-  <var-button color="#03A9F4">{{ pack.start }}</var-button>
+  <va-button color="#03A9F4">{{ pack.start }}</va-button>
 </template>

package/template/generators/config/i18n/tsx/src/button/example/index.vue

@@ -1,5 +1,5 @@
 <script setup>
-import VarButton from '..'
+import VaButton from '..'
 import { watchLang, AppType } from '@varlet/cli/client'
 import { pack, use } from './locale'
 
@@ -8,8 +8,8 @@ watchLang(use)
 
 <template>
   <app-type>{{ pack.basicUse }}</app-type>
-  <var-button>{{ pack.start }}</var-button>
+  <va-button>{{ pack.start }}</va-button>
 
   <app-type>{{ pack.modifyColor }}</app-type>
-  <var-button color="#03A9F4">{{ pack.start }}</var-button>
+  <va-button color="#03A9F4">{{ pack.start }}</va-button>
 </template>