Update .prettierrc.js

.eslintrc.js

@@ -1,6 +1,6 @@
 module.exports = {
-    extends: ['./index.js', './react.js', './typescript.js'],
-    globals: {
-        Prism: false
-    }
+  extends: ['./index.js', './react.js', './typescript.js'],
+  globals: {
+    Prism: false,
+  },
 };

.prettierrc.js

@@ -1,38 +1,42 @@
 // .prettierrc.js
 module.exports = {
-    // 一行最多 100 字符
-    printWidth: 100,
-    // 使用 4 个空格缩进
-    tabWidth: 4,
-    // 不使用缩进符，而使用空格
-    useTabs: false,
-    // 行尾需要有分号
-    semi: true,
-    // 使用单引号
-    singleQuote: true,
-    // 对象的 key 仅在必要时用引号
-    quoteProps: 'as-needed',
-    // jsx 不使用单引号，而使用双引号
-    jsxSingleQuote: false,
-    // 末尾不需要逗号
-    trailingComma: 'none',
-    // 大括号内的首尾需要空格
-    bracketSpacing: true,
-    // jsx 标签的反尖括号需要换行
-    jsxBracketSameLine: false,
-    // 箭头函数，只有一个参数的时候，也需要括号
-    arrowParens: 'always',
-    // 每个文件格式化的范围是文件的全部内容
-    rangeStart: 0,
-    rangeEnd: Infinity,
-    // 不需要写文件开头的 @prettier
-    requirePragma: false,
-    // 不需要自动在文件开头插入 @prettier
-    insertPragma: false,
-    // 使用默认的折行标准
-    proseWrap: 'preserve',
-    // 根据显示样式决定 html 要不要折行
-    htmlWhitespaceSensitivity: 'css',
-    // 换行符使用 lf
-    endOfLine: 'lf'
+  // 一行最多 120 字符
+  printWidth: 120,
+  // 使用 2 个空格缩进
+  tabWidth: 2,
+  // 不使用缩进符，而使用空格
+  useTabs: false,
+  // 行尾需要有分号
+  semi: true,
+  // 使用单引号
+  singleQuote: true,
+  // 对象的 key 仅在必要时用引号
+  quoteProps: 'as-needed',
+  // jsx 不使用单引号，而使用双引号
+  jsxSingleQuote: false,
+  // 末尾需要有逗号
+  trailingComma: 'all',
+  // 大括号内的首尾需要空格
+  bracketSpacing: true,
+  // jsx 标签的反尖括号需要换行
+  jsxBracketSameLine: false,
+  // 箭头函数，只有一个参数的时候，也需要括号
+  arrowParens: 'always',
+  // 每个文件格式化的范围是文件的全部内容
+  rangeStart: 0,
+  rangeEnd: Infinity,
+  // 不需要写文件开头的 @prettier
+  requirePragma: false,
+  // 不需要自动在文件开头插入 @prettier
+  insertPragma: false,
+  // 使用默认的折行标准
+  proseWrap: 'preserve',
+  // 根据显示样式决定 html 要不要折行
+  htmlWhitespaceSensitivity: 'css',
+  // vue 文件中的 script 和 style 内不用缩进
+  vueIndentScriptAndStyle: false,
+  // 换行符使用 lf
+  endOfLine: 'lf',
+  // 格式化嵌入的内容
+  embeddedLanguageFormatting: 'auto',
 };

.travis.yml

@@ -1,24 +1,24 @@
 language: node_js
 node_js:
-    - lts/*
+  - lts/*
 branches:
-    only:
-        - master
-        - /^greenkeeper/.*$/
+  only:
+    - master
+    - /^greenkeeper/.*$/
 install:
-    - npm ci
+  - npm ci
 script:
-    - npm test
-    - npm run build
+  - npm test
+  - npm run build
 deploy:
-    provider: pages
-    skip-cleanup: true
-    local_dir: dist
-    github-token: $GITHUB_TOKEN # a token generated on github allowing travis to push code on you repository
-    keep-history: true
-    on:
-        branch: master
+  provider: pages
+  skip-cleanup: true
+  local_dir: dist
+  github-token: $GITHUB_TOKEN # a token generated on github allowing travis to push code on you repository
+  keep-history: true
+  on:
+    branch: master
 # keep the npm cache around to speed up installs
 cache:
-    directories:
-        - '$HOME/.npm'
+  directories:
+    - '$HOME/.npm'

.vscode/settings.json

@@ -1,15 +1,15 @@
 {
-    "files.eol": "\n",
-    "editor.tabSize": 4,
-    "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "eslint.validate": ["javascript", "javascriptreact", "vue", "typescript", "typescriptreact"],
-    "editor.codeActionsOnSave": {
-        // 保存时自动修复 ESLint 错误
-        // "source.fixAll.eslint": true
-    },
-    "vetur.format.enable": false,
-    "vetur.validation.template": false,
-    "typescript.tsdk": "node_modules/typescript/lib",
-    "prettier.disableLanguages": []
+  "files.eol": "\n",
+  "editor.tabSize": 2,
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "eslint.validate": ["javascript", "javascriptreact", "vue", "typescript", "typescriptreact"],
+  "editor.codeActionsOnSave": {
+    // 保存时自动修复 ESLint 错误
+    // "source.fixAll.eslint": true
+  },
+  "vetur.format.enable": false,
+  "vetur.validation.template": false,
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "prettier.disableLanguages": []
 }