finish first update step 🎉🎉

.browserslistrc

@@ -0,0 +1,2 @@
+> 1%
+last 2 versions

.eslintignore

@@ -0,0 +1,7 @@
+node_modules
+dist
+build
+__tests__
+/scripts
+*.d.ts
+*.html

.eslintrc.js

@@ -0,0 +1,32 @@
+module.exports = {
+    root: true,
+    env: {
+        node: true
+    },
+    extends: [
+        'plugin:vue/essential',
+        'eslint:recommended',
+        '@vue/typescript/recommended',
+        '@vue/prettier',
+        '@vue/prettier/@typescript-eslint'
+    ],
+    parserOptions: {
+        ecmaVersion: 2020
+    },
+    rules: {
+        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        indent: [
+            'error',
+            4,
+            {
+                SwitchCase: 1
+            }
+        ],
+        'prefer-const': ['error', { destructuring: 'all' }],
+        '@typescript-eslint/no-explicit-any': 'off',
+        'vue/html-indent': ['error', 4],
+        '@typescript-eslint/interface-name-prefix': 'off',
+        '@typescript-eslint/camelcase': 'off'
+    }
+};

.gitignore

@@ -1,62 +1,22 @@
-# Logs
-logs
-*.log
+.DS_Store
+node_modules
+/temp
+# /dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Typescript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-.DS_Store
-
-package-lock.json
+# Editor directories and files
+.idea
+# .vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npm.taobao.org

.prettierignore

@@ -0,0 +1 @@
+dist

.prettierrc

@@ -0,0 +1,7 @@
+{
+    "singleQuote": true,
+    "trailingComma": "none",
+    "tabWidth": 4,
+    "endOfLine": "auto",
+    "printWidth": 120
+}

.vscode/settings.json

@@ -1,3 +1,9 @@
 {
-    "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": true
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "[json]": {
+        "editor.defaultFormatter": "vscode.json-language-features"
+    },
+    "prettier.disableLanguages": [
+        "html"
+    ]
 }

README.md

@@ -1,6 +1,6 @@
 # vue-git-comment
 
-[![npm](https://img.shields.io/npm/v/vue-git-comment.svg)](https://www.npmjs.com/package/vue-git-comment) ![Github file size](https://img.shields.io/github/size/shalldie/vue-git-comment/dist/vue-git-comment.js.svg)
+[![npm][npm_version_image]][npm_version_url] ![Github file size](https://img.shields.io/github/size/shalldie/vue-git-comment/dist/vue-git-comment.js.svg)
 
 Fork from [GitHub](https://github.com/shalldie/vue-git-comment)
 
@@ -17,7 +17,7 @@ link:
 ```html
 <script src="lib/vue.js"></script>
 
-<link href="dist/vue-git-comment.css" rel="stylesheet">
+<link href="dist/vue-git-comment.css" rel="stylesheet" />
 <script src="dist/vue-git-comment.js"></script>
 ```
 
@@ -124,3 +124,17 @@ gitalk 我也特地去了解了一哈，也是非常优秀的一个项目。但
         毕竟这个项目刚做好，这么优秀的项目，就让我一个人用好了 0_o
 
 ## Enjoy it! >\_<#@!
+
+[npm_version_image]: https://img.shields.io/npm/v/vue-git-comment.svg
+[npm_version_url]: https://www.npmjs.com/package/vue-git-comment
+
+[cdnjs-version-image]: https://img.shields.io/cdnjs/v/gitalk.svg?style=flat-square
+[cdnjs-version-url]: https://cdnjs.com/libraries/gitalk
+[david-dm-image]: https://david-dm.org/gitalk/gitalk.svg?style=flat-square
+[david-dm-url]: https://david-dm.org/gitalk/gitalk
+[travis-image]: https://img.shields.io/travis/gitalk/gitalk/master.svg?style=flat-square
+[travis-url]: https://travis-ci.org/gitalk/gitalk
+[coveralls-image]: https://img.shields.io/coveralls/gitalk/gitalk/master.svg?style=flat-square
+[coveralls-url]: https://coveralls.io/github/gitalk/gitalk
+[gzip-size]: http://img.badgesize.io/https://unpkg.com/gitalk/dist/gitalk.min.js?compression=gzip&style=flat-square
+[gzip-url]: https://unpkg.com/gitalk/dist/gitalk.min.js

babel.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+    presets: [
+        '@vue/cli-plugin-babel/preset'
+        // [
+        //     '@vue/cli-plugin-babel/preset',
+        //     {
+        //         useBuiltIns: false
+        //     }
+        // ]
+    ]
+};