@varlet/cli 1.20.0-alpha.0 → 1.20.1-alpha.10

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.20.0](https://github.com/haoziqaq/varlet/compare/v1.19.0...v1.20.0) (2021-09-15)
+
+
+### Features
+
+* **cli:** support pc component preview ([be463ad](https://github.com/haoziqaq/varlet/commit/be463adf62cb7cb196e555a42c37a7d2b10cac77))
+
+
+
+
+
 # [1.19.0](https://github.com/haoziqaq/varlet/compare/v1.18.1...v1.19.0) (2021-09-13)
 
 

package/generators/sfc/package.json

@@ -32,7 +32,7 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@varlet/cli": "^1.17.2",
+    "@varlet/cli": "^1.20.0-alpha.0",
     "vue": "3.1.4"
   },
   "release-it": {

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

@@ -14,11 +14,19 @@ createApp().use(Button)
 <b-button>组件库从我开始</b-button>
 ```
 
+```vue
+import BasicUse from '../example/BasicUse'
+```
+
 ### 主题色按钮
 ```html
 <b-button color="#009688">组件库从我开始</b-button>
 ```
 
+```vue
+import ModifyColor from '../example/ModifyColor'
+```
+
 ## API
 
 ### 属性

package/generators/sfc/src/button/example/BasicUse.vue

@@ -0,0 +1,14 @@
+<template>
+  <b-button>组件库从我开始</b-button>
+</template>
+
+<script>
+import Button from '../Button'
+
+export default {
+  name: 'BasicUse',
+  components: {
+    [Button.name]: Button
+  }
+}
+</script>

package/generators/sfc/src/button/example/ModifyColor.vue

@@ -0,0 +1,14 @@
+<template>
+  <b-button color="#03A9F4">组件库从我开始</b-button>
+</template>
+
+<script>
+import Button from '../Button'
+
+export default {
+  name: 'ModifyColor',
+  components: {
+    [Button.name]: Button
+  }
+}
+</script>

package/generators/sfc/src/button/example/index.vue

@@ -1,19 +1,23 @@
 <template>
   <app-type>基本使用</app-type>
-  <b-button>组件库从我开始</b-button>
+  <basic-use/>
 
   <app-type>修改颜色</app-type>
-  <b-button color="#03A9F4">组件库从我开始</b-button>
+  <modify-color/>
 </template>
 
 <script>
 import Button from '../Button'
 import AppType from '@varlet/cli/site/mobile/components/AppType'
+import BasicUse from './BasicUse'
+import ModifyColor from './ModifyColor'
 
 export default {
   components: {
     [Button.name]: Button,
     AppType,
+    BasicUse,
+    ModifyColor
   },
 }
 </script>