Introduce Prettier (#96)

Author: ota-meshi

.eslintignore

@@ -1 +1,2 @@
+!docs/.vuepress
 docs/.vuepress/dist

.eslintrc.js

@@ -7,10 +7,12 @@ module.exports = {
     mocha: true
   },
   extends: [
-    'plugin:vue-libs/recommended'
-  ],
-  plugins: [
+    'plugin:vue-libs/recommended',
+    'plugin:prettier/recommended',
+    'prettier',
+    'prettier/vue'
   ],
+  plugins: [],
   parserOptions: {
     ecmaVersion: 2015
   },

.prettierrc

@@ -0,0 +1,5 @@
+semi: false
+singleQuote: true
+printWidth: 80
+trailingComma: none
+arrowParens: "avoid"

docs/.eslintrc.js

@@ -2,7 +2,5 @@
 
 module.exports = {
   extends: '../.eslintrc.js',
-  plugins: [
-    'markdown'
-  ]
+  plugins: ['markdown']
 }

docs/.vuepress/components/sponsor-button.vue

@@ -1,6 +1,11 @@
 <template>
   <p class="sponsor-button">
-    <github-button href="https://github.com/sponsors/kazupon" data-icon="octicon-heart" data-size="large" aria-label="Sponsor @kazupon on GitHub">
+    <github-button
+      href="https://github.com/sponsors/kazupon"
+      data-icon="octicon-heart"
+      data-size="large"
+      aria-label="Sponsor @kazupon on GitHub"
+    >
       Sponsor on GitHub
     </github-button>
   </p>

docs/.vuepress/config.js

@@ -14,9 +14,7 @@ module.exports = {
   description: 'ESLint plugin for Vue I18n',
   serviceWorker: true,
   evergreen: true,
-  head: [
-    ['meta', { name: 'theme-color', content: '#3eaf7c' }]
-  ],
+  head: [['meta', { name: 'theme-color', content: '#3eaf7c' }]],
   themeConfig: {
     repo: 'intlify/eslint-plugin-vue-i18n',
     docsRepo: 'intlify/eslint-plugin-vue-i18n',
@@ -28,19 +26,25 @@ module.exports = {
     serviceWorker: {
       updatePopup: true
     },
-    nav: [{
-      text: 'Support Intlify',
-      items: [{
-        text: 'GitHub Sponsors',
-        link: 'https://github.com/sponsors/kazupon'
-      }, {
-        text: 'Patreon',
-        link: 'https://www.patreon.com/kazupon'
-      }]
-    }, {
-      text: 'Release Notes',
-      link: 'https://github.com/intlify/eslint-plugin-vue-i18n/releases'
-    }],
+    nav: [
+      {
+        text: 'Support Intlify',
+        items: [
+          {
+            text: 'GitHub Sponsors',
+            link: 'https://github.com/sponsors/kazupon'
+          },
+          {
+            text: 'Patreon',
+            link: 'https://www.patreon.com/kazupon'
+          }
+        ]
+      },
+      {
+        text: 'Release Notes',
+        link: 'https://github.com/intlify/eslint-plugin-vue-i18n/releases'
+      }
+    ],
     sidebar: {
       '/': [
         '/',

docs/rules/no-dynamic-keys.md

@@ -15,7 +15,7 @@ You can be detected with this rule the following:
 - `$tc`
 - `tc`
 - `v-t`
-- `<i18n>` 
+- `<i18n>`
 
 :-1: Examples of **incorrect** code for this rule:
 
@@ -54,7 +54,7 @@ const i18n = new VueI18n({
 
 const app = new Vue({
   i18n,
-  data () {
+  data() {
     return { msg: 'hello' }
   }
 })
@@ -100,7 +100,7 @@ const i18n = new VueI18n({
 
 new Vue({
   i18n,
-  data () {
+  data() {
     return { msg: 'hello' }
   }
 })

docs/rules/no-html-messages.md

@@ -108,7 +108,7 @@ const i18n = new VueI18n({
 
 new Vue({
   i18n,
-  data () {
+  data() {
     return {
       bannerURL: 'https://banner.domain.com',
       modalDataURL: 'https://fetch.domain.com'
@@ -125,4 +125,4 @@ If you are certain the localization message is trusted, you can disable this rul
 ## :books: Further reading
 
 - [XSS in Vue.js](https://blog.sqreen.io/xss-in-vue-js/)
-- [Analysis of a Supply Chain Attack](https://medium.com/@hkparker/analysis-of-a-supply-chain-attack-2bd8fa8286ac)
+- [Analysis of a Supply Chain Attack](https://medium.com/@hkparker/analysis-of-a-supply-chain-attack-2bd8fa8286ac)

docs/rules/no-raw-text.md

@@ -33,7 +33,7 @@ export default {
 ```js
 export default {
   // ✗ BAD
-  render: h => (<p>hello</p>)
+  render: h => <p>hello</p>
   // ...
 }
 ```
@@ -61,7 +61,7 @@ export default {
 ```js
 export default {
   // ✓ GOOD
-  render: h => (<p>{this.$t('hello')}</p>)
+  render: h => <p>{this.$t('hello')}</p>
   // ...
 }
 ```

docs/started.md

@@ -23,14 +23,18 @@ For example:
 module.export = {
   extends: [
     'eslint:recommended',
+    // Recommended
     'plugin:@intlify/vue-i18n/recommended'
   ],
   rules: {
     // Optional.
     '@intlify/vue-i18n/no-dynamic-keys': 'error',
-    '@intlify/vue-i18n/no-unused-keys': ['error', {
-      extensions: ['.js', '.vue']
-    }]
+    '@intlify/vue-i18n/no-unused-keys': [
+      'error',
+      {
+        extensions: ['.js', '.vue']
+      }
+    ]
   },
   settings: {
     'vue-i18n': {