style: 用prettier规范模板样式 (#84)

Author: donaldshen

templates/README.md

@@ -15,6 +15,7 @@ short description + sample image(png/gif/mp4)
 - [Features](#features)
 - [Links](#links)
 - [Install](#install)
+- [Contributing](#contributing)
 - [Contributors](#contributors)
 - [License](#license)
 

templates/build/rollup.config.js

@@ -2,7 +2,7 @@
 import vue from 'rollup-plugin-vue'
 import babel from 'rollup-plugin-babel'
 import commonjs from 'rollup-plugin-commonjs'
-import { terser } from 'rollup-plugin-terser'
+import {terser} from 'rollup-plugin-terser'
 import minimist from 'minimist'
 
 const argv = minimist(process.argv.slice(2))

templates/package-json

@@ -8,8 +8,15 @@
     "type": "git",
     "url": "https://github.com/{{ownerName}}/{{componentName}}.git"
   },
-  "keywords": ["vue", "sfc", "component"],
-  "files": ["src", "dist"],
+  "keywords": [
+    "vue",
+    "sfc",
+    "component"
+  ],
+  "files": [
+    "src",
+    "dist"
+  ],
   "main": "dist/{{componentName}}.umd.js",
   "module": "dist/{{componentName}}.esm.js",
   "unpkg": "dist/{{componentName}}.min.js",
@@ -20,14 +27,10 @@
     "dev": "vue-styleguidist server",
     "test": "jest --verbose",
     "doc": "vue-styleguidist build",
-    "build":
-      "npm run build:unpkg & npm run build:es & npm run build:umd & npm run doc",
-    "build:umd":
-      "rollup --config build/rollup.config.js --format umd --file dist/{{componentName}}.umd.js",
-    "build:es":
-      "rollup --config build/rollup.config.js --format es --file dist/{{componentName}}.esm.js",
-    "build:unpkg":
-      "rollup --config build/rollup.config.js --format iife --file dist/{{componentName}}.min.js",
+    "build": "npm run build:unpkg & npm run build:es & npm run build:umd & npm run doc",
+    "build:umd": "rollup --config build/rollup.config.js --format umd --file dist/{{componentName}}.umd.js",
+    "build:es": "rollup --config build/rollup.config.js --format es --file dist/{{componentName}}.esm.js",
+    "build:unpkg": "rollup --config build/rollup.config.js --format iife --file dist/{{componentName}}.min.js",
     "stdver": "standard-version -m '[skip ci] chore(release): v%s'",
     "release": "gren release --override"
   },
@@ -42,6 +45,8 @@
     "glob": "^7.1.3",
     "husky": "1.3.1",
     "jest": "^24.8.0",
+    "less": "^3.9.0",
+    "less-loader": "^5.0.0",
     "lint-staged": "^8.1.0",
     "minimist": "^1.2.0",
     "prettier": "1.18.2",
@@ -53,8 +58,6 @@
     "standard-version": "^6.0.1",
     "stylelint": "^9.10.0",
     "stylelint-config-standard": "^18.2.0",
-    "stylus": "^0.54.5",
-    "stylus-loader": "^3.0.2",
     "vue": "^2.6.10",
     "vue-loader": "^15.7.1",
     "vue-styleguidist": "^3.16.3",
@@ -76,7 +79,7 @@
     }
   },
   "lint-staged": {
-    "*.(js|md)": [
+    "*.(js|md|json)": [
       "prettier --write",
       "git add"
     ],

templates/src/component.vue

@@ -14,5 +14,4 @@ export default {
 }
 </script>
 
-<style lang="stylus">
-</style>
+<style lang="less"></style>

templates/styleguide.config.js

@@ -31,7 +31,7 @@ const sections = (() => {
       sectionDepth: 2
     },
     ...(faq ? [faq] : []),
-    ...(guides.length ? [{name: 'Guide', sections: guides}] : [])
+    ...(guides.length ? [{name: 'Guide', sections: guides, sectionDepth: 2}] : [])
   ]
 })()
 
@@ -59,8 +59,8 @@ module.exports = {
           loaders: ['style-loader', 'css-loader']
         },
         {
-          test: /\.styl(us)?$/,
-          loaders: ['vue-style-loader', 'css-loader', 'stylus-loader']
+          test: /\.less$/,
+          loaders: ['vue-style-loader', 'css-loader', 'less-loader']
         },
         {
           test: /\.(woff2?|eot|[ot]tf)(\?.*)?$/,