From 59821b040c086cd3104daf3ff974f641b263d05c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C3=ABl=20De=20Boey?= <info@michaeldeboey.be>
Date: Sat, 29 May 2021 01:19:54 +0200
Subject: [PATCH] chore: prettify codebase (#3422)

---
 tests/integration/fixtures/vue-jsx/Jsx.vue    | 28 ++++----
 .../integration/fixtures/vue-jsx/test.js.snap | 36 +++++-----
 tests/integration/fixtures/vue-sfc/Hello.vue  | 51 +++++++-------
 tests/integration/fixtures/vue-sfc/World.vue  | 42 ++++++------
 .../integration/fixtures/vue-sfc/test.js.snap | 67 ++++++++++---------
 tests/performance/docker-compose.yml          |  2 +-
 6 files changed, 119 insertions(+), 107 deletions(-)

diff --git a/tests/integration/fixtures/vue-jsx/Jsx.vue b/tests/integration/fixtures/vue-jsx/Jsx.vue
index c08599249c3..a0dd889a6d8 100644
--- a/tests/integration/fixtures/vue-jsx/Jsx.vue
+++ b/tests/integration/fixtures/vue-jsx/Jsx.vue
@@ -1,36 +1,38 @@
 <script lang="tsx">
-import Vue from 'vue'
-import { mapMutations } from 'vuex'
-import { Component } from 'vue-property-decorator'
+import Vue from 'vue';
+import { mapMutations } from 'vuex';
+import { Component } from 'vue-property-decorator';
 
 @Component({
-  created () {
-    this.toggleHeader(false)
+  created() {
+    this.toggleHeader(false);
   },
   methods: {
-    ...mapMutations('APP_SCOPE_NAME', ['toggleHeader'])
-  }
+    ...mapMutations('APP_SCOPE_NAME', ['toggleHeader']),
+  },
 })
 export default class Jsx extends Vue {
-  render (): JSX.Element {
+  render(): JSX.Element {
     // expected error - no-explicit-any
     const path: any = '/';
     return (
       // An error occurred in the next line: "Parsing error: '>' expected.eslint"
       <div class="mg-notFound">
         <div class="fixed-center text-center">
-          <p>
-            img goes here
+          <p>img goes here</p>
+          <p class="text-faded">
+            Sorry, nothing here...<strong>(404)</strong>
           </p>
-          <p class="text-faded">Sorry, nothing here...<strong>(404)</strong></p>
           <q-btn
             color="secondary"
             style="width:200px;"
             onClick={() => console.log(path)}
-          >Go back</q-btn>
+          >
+            Go back
+          </q-btn>
         </div>
       </div>
-    )
+    );
   }
 }
 </script>
diff --git a/tests/integration/fixtures/vue-jsx/test.js.snap b/tests/integration/fixtures/vue-jsx/test.js.snap
index 23764ebfea9..3f0b716085b 100644
--- a/tests/integration/fixtures/vue-jsx/test.js.snap
+++ b/tests/integration/fixtures/vue-jsx/test.js.snap
@@ -23,8 +23,8 @@ Array [
             "desc": "Use \`unknown\` instead, this will force you to explicitly, and safely assert the type is correct.",
             "fix": Object {
               "range": Array [
-                390,
-                393,
+                394,
+                397,
               ],
               "text": "unknown",
             },
@@ -34,8 +34,8 @@ Array [
             "desc": "Use \`never\` instead, this is useful when instantiating generic type parameters that you don't need to know the type of.",
             "fix": Object {
               "range": Array [
-                390,
-                393,
+                394,
+                397,
               ],
               "text": "never",
             },
@@ -45,38 +45,40 @@ Array [
       },
     ],
     "source": "<script lang=\\"tsx\\">
-import Vue from 'vue'
-import { mapMutations } from 'vuex'
-import { Component } from 'vue-property-decorator'
+import Vue from 'vue';
+import { mapMutations } from 'vuex';
+import { Component } from 'vue-property-decorator';
 
 @Component({
-  created () {
-    this.toggleHeader(false)
+  created() {
+    this.toggleHeader(false);
   },
   methods: {
-    ...mapMutations('APP_SCOPE_NAME', ['toggleHeader'])
-  }
+    ...mapMutations('APP_SCOPE_NAME', ['toggleHeader']),
+  },
 })
 export default class Jsx extends Vue {
-  render (): JSX.Element {
+  render(): JSX.Element {
     // expected error - no-explicit-any
     const path: any = '/';
     return (
       // An error occurred in the next line: \\"Parsing error: '>' expected.eslint\\"
       <div class=\\"mg-notFound\\">
         <div class=\\"fixed-center text-center\\">
-          <p>
-            img goes here
+          <p>img goes here</p>
+          <p class=\\"text-faded\\">
+            Sorry, nothing here...<strong>(404)</strong>
           </p>
-          <p class=\\"text-faded\\">Sorry, nothing here...<strong>(404)</strong></p>
           <q-btn
             color=\\"secondary\\"
             style=\\"width:200px;\\"
             onClick={() => console.log(path)}
-          >Go back</q-btn>
+          >
+            Go back
+          </q-btn>
         </div>
       </div>
-    )
+    );
   }
 }
 </script>
diff --git a/tests/integration/fixtures/vue-sfc/Hello.vue b/tests/integration/fixtures/vue-sfc/Hello.vue
index 1f5c59ed2dc..1ee0282919b 100644
--- a/tests/integration/fixtures/vue-sfc/Hello.vue
+++ b/tests/integration/fixtures/vue-sfc/Hello.vue
@@ -1,36 +1,39 @@
 <!-- Hello.vue -->
 <template>
+  <div>
     <div>
-        <div>
-		    <!-- !!!!! expected error !!!!! -->
-			Hello {{ (name as any) }}{{exclamationMarks}}
-		</div>
-        <button @click="decrement">-</button>
-        <button @click="increment">+</button>
+      <!-- !!!!! expected error !!!!! -->
+      Hello {{ (name as any) }}{{ exclamationMarks }}
     </div>
+    <button @click="decrement">-</button>
+    <button @click="increment">+</button>
+  </div>
 </template>
 
 <script lang="ts">
-import Vue from "vue";
+import Vue from 'vue';
 export default Vue.extend({
-    props: ['name', 'initialEnthusiasm'],
-    data() {
-        return {
-            enthusiasm: this.initialEnthusiasm,
-        }
+  props: ['name', 'initialEnthusiasm'],
+  data() {
+    return {
+      enthusiasm: this.initialEnthusiasm,
+    };
+  },
+  methods: {
+    increment() {
+      this.enthusiasm++;
     },
-    methods: {
-        increment() { this.enthusiasm++; },
-        decrement() {
-            if (this.enthusiasm > 1) {
-                this.enthusiasm--;
-            }
-        },
+    decrement() {
+      if (this.enthusiasm > 1) {
+        this.enthusiasm--;
+      }
     },
-    computed: {
-        exclamationMarks(): any { // !!!!! expected error !!!!!
-            return Array(this.enthusiasm + 1).join('!');
-        }
-    }
+  },
+  computed: {
+    exclamationMarks(): any {
+      // !!!!! expected error !!!!!
+      return Array(this.enthusiasm + 1).join('!');
+    },
+  },
 });
 </script>
diff --git a/tests/integration/fixtures/vue-sfc/World.vue b/tests/integration/fixtures/vue-sfc/World.vue
index ade2b409a3b..12e63ca82ff 100644
--- a/tests/integration/fixtures/vue-sfc/World.vue
+++ b/tests/integration/fixtures/vue-sfc/World.vue
@@ -1,30 +1,32 @@
 <!-- World.vue -->
 <template>
-    <div>
-        <div :id="name">
-            {{ enthusiasm }}
-        </div>
-        <button @click="decrement">-</button>
-        <button @click="increment">+</button>
+  <div>
+    <div :id="name">
+      {{ enthusiasm }}
     </div>
+    <button @click="decrement">-</button>
+    <button @click="increment">+</button>
+  </div>
 </template>
 
 <script lang="ts">
-import Vue from "vue";
+import Vue from 'vue';
 export default Vue.extend({
-    props: ['name', 'initialEnthusiasm'],
-    data() {
-        return {
-            enthusiasm: this.initialEnthusiasm,
-        }
+  props: ['name', 'initialEnthusiasm'],
+  data() {
+    return {
+      enthusiasm: this.initialEnthusiasm,
+    };
+  },
+  methods: {
+    increment() {
+      this.enthusiasm++;
     },
-    methods: {
-        increment() { this.enthusiasm++; },
-        decrement() {
-            if (this.enthusiasm > 1) {
-                this.enthusiasm--;
-            }
-        },
-    }
+    decrement() {
+      if (this.enthusiasm > 1) {
+        this.enthusiasm--;
+      }
+    },
+  },
 });
 </script>
diff --git a/tests/integration/fixtures/vue-sfc/test.js.snap b/tests/integration/fixtures/vue-sfc/test.js.snap
index 8f7fc2c48e6..ac5804574da 100644
--- a/tests/integration/fixtures/vue-sfc/test.js.snap
+++ b/tests/integration/fixtures/vue-sfc/test.js.snap
@@ -9,10 +9,10 @@ Array [
     "fixableWarningCount": 0,
     "messages": Array [
       Object {
-        "column": 29,
-        "endColumn": 32,
-        "endLine": 31,
-        "line": 31,
+        "column": 25,
+        "endColumn": 28,
+        "endLine": 33,
+        "line": 33,
         "message": "Unexpected any. Specify a different type.",
         "messageId": "unexpectedAny",
         "nodeType": "TSAnyKeyword",
@@ -23,8 +23,8 @@ Array [
             "desc": "Use \`unknown\` instead, this will force you to explicitly, and safely assert the type is correct.",
             "fix": Object {
               "range": Array [
-                708,
-                711,
+                648,
+                651,
               ],
               "text": "unknown",
             },
@@ -34,8 +34,8 @@ Array [
             "desc": "Use \`never\` instead, this is useful when instantiating generic type parameters that you don't need to know the type of.",
             "fix": Object {
               "range": Array [
-                708,
-                711,
+                648,
+                651,
               ],
               "text": "never",
             },
@@ -46,38 +46,41 @@ Array [
     ],
     "source": "<!-- Hello.vue -->
 <template>
+  <div>
     <div>
-        <div>
-		    <!-- !!!!! expected error !!!!! -->
-			Hello {{ (name as any) }}{{exclamationMarks}}
-		</div>
-        <button @click=\\"decrement\\">-</button>
-        <button @click=\\"increment\\">+</button>
+      <!-- !!!!! expected error !!!!! -->
+      Hello {{ (name as any) }}{{ exclamationMarks }}
     </div>
+    <button @click=\\"decrement\\">-</button>
+    <button @click=\\"increment\\">+</button>
+  </div>
 </template>
 
 <script lang=\\"ts\\">
-import Vue from \\"vue\\";
+import Vue from 'vue';
 export default Vue.extend({
-    props: ['name', 'initialEnthusiasm'],
-    data() {
-        return {
-            enthusiasm: this.initialEnthusiasm,
-        }
+  props: ['name', 'initialEnthusiasm'],
+  data() {
+    return {
+      enthusiasm: this.initialEnthusiasm,
+    };
+  },
+  methods: {
+    increment() {
+      this.enthusiasm++;
+    },
+    decrement() {
+      if (this.enthusiasm > 1) {
+        this.enthusiasm--;
+      }
     },
-    methods: {
-        increment() { this.enthusiasm++; },
-        decrement() {
-            if (this.enthusiasm > 1) {
-                this.enthusiasm--;
-            }
-        },
+  },
+  computed: {
+    exclamationMarks(): any {
+      // !!!!! expected error !!!!!
+      return Array(this.enthusiasm + 1).join('!');
     },
-    computed: {
-        exclamationMarks(): any { // !!!!! expected error !!!!!
-            return Array(this.enthusiasm + 1).join('!');
-        }
-    }
+  },
 });
 </script>
 ",
diff --git a/tests/performance/docker-compose.yml b/tests/performance/docker-compose.yml
index e47eb9581b7..bf737b239a3 100644
--- a/tests/performance/docker-compose.yml
+++ b/tests/performance/docker-compose.yml
@@ -3,7 +3,7 @@ version: '3'
 services:
   lint-real-repo:
     build: ./fixtures/lint-real-repo
-    container_name: "lint-real-repo"
+    container_name: 'lint-real-repo'
     volumes:
       # Runtime link to the relevant built @typescript-eslint packages and test utils,
       # but apply an empty volume for the package tests, we don't need those.