fix: Fixed eslint for all files

Author: ManiruzzamanAkash

src/components/button/Button.vue

@@ -1,13 +1,13 @@
 <template>
-    <button>
-        <slot></slot> <!-- slot button content -->
-    </button>
+  <button>
+    <slot /> <!-- slot button content -->
+  </button>
 </template>
 
 <script>
-    export default {
-        name: 'Button',
-    }
+export default {
+    name: 'Button',
+};
 </script>
 
 <style lang="scss" scoped>

src/components/index.js

@@ -1,13 +1,19 @@
 <template>
   <div id="wp-vue-kit-tabs">
     <div class="tab-item">
-      <router-link to="/">Settings</router-link>
+      <router-link to="/">
+        Settings
+      </router-link>
     </div>
     <div class="tab-item">
-      <router-link to="/list">List</router-link>
+      <router-link to="/list">
+        List
+      </router-link>
     </div>
     <div class="tab-item">
-      <router-link to="/graph">Graph</router-link>
+      <router-link to="/graph">
+        Graph
+      </router-link>
     </div>
   </div>
 </template>
@@ -16,10 +22,10 @@
 import "./style.scss";
 
 export default {
-  name: "Tabs",
-  components: {},
-  data() {
-    return {};
-  },
+    name: "Tabs",
+    components: {},
+    data() {
+        return {};
+    },
 };
 </script>

src/components/tabs/Tabs.vue

@@ -7,6 +7,6 @@
 
 <script>
 export default {
-  name: "Graph",
+    name: "Graph",
 };
 </script>

src/pages/Graph.vue

@@ -7,6 +7,6 @@
 
 <script>
 export default {
-  name: "List",
+    name: "List",
 };
 </script>

src/pages/List.vue

@@ -11,22 +11,22 @@ import Settings from "../pages/Settings.vue";
 import Graph from "../pages/Graph.vue";
 
 const routes = [
-  {
-    path: "/",
-    name: "Settings",
-    component: Settings,
-    alias: '/settings'
-  },
-  {
-    path: "/list",
-    name: "List",
-    component: List,
-  },
-  {
-    path: "/graph",
-    name: "Graph",
-    component: Graph
-  }
+    {
+        path: "/",
+        name: "Settings",
+        component: Settings,
+        alias: '/settings'
+    },
+    {
+        path: "/list",
+        name: "List",
+        component: List,
+    },
+    {
+        path: "/graph",
+        name: "Graph",
+        component: Graph
+    }
 ];
 
 const router = createRouter({

src/router/index.js

@@ -7,11 +7,11 @@ import settings from "./modules/settings";
 const debug = process.env.NODE_ENV !== "production";
 
 const store = createStore({
-  modules: {
-    settings,
-  },
-  strict: debug,
-  plugins: debug ? [createLogger()] : []
+    modules: {
+        settings,
+    },
+    strict: debug,
+    plugins: debug ? [createLogger()] : []
 });
 
 export default store;

src/store/index.js

@@ -5,9 +5,9 @@
 
 // initial state
 const state = () => ({
-  settings: null,
-  isSaving: false,
-})
+    settings: null,
+    isSaving: false,
+});
 
 // getters
 const getters = {
@@ -17,38 +17,38 @@ const getters = {
 
 // actions
 const actions = {
-  async storeSettings({ commit }, settings) {
-    commit('setSettingsSaving', true);
-
-    // @todo: Test checking with Live URL.
-    // await axios.post(`https://example.com`, settings)
-    //   .then(res => {
-    //     commit('storeSettings', res.data);
-    //     commit('setSettingsSaving', false);
-    //   }).catch(err => {
-    //     console.log('error', err);
-    //     commit('setSettingsSaving', false);
-    //   });
-
-    commit('storeSettings', settings);
-    commit('setSettingsSaving', false);
-  },
-}
+    async storeSettings({ commit }, settings) {
+        commit('setSettingsSaving', true);
+
+        // @todo: Test checking with Live URL.
+        // await axios.post(`https://example.com`, settings)
+        //   .then(res => {
+        //     commit('storeSettings', res.data);
+        //     commit('setSettingsSaving', false);
+        //   }).catch(err => {
+        //     console.log('error', err);
+        //     commit('setSettingsSaving', false);
+        //   });
+
+        commit('storeSettings', settings);
+        commit('setSettingsSaving', false);
+    },
+};
 
 // mutations
 const mutations = {
-  storeSettings: (state, settings) => {
-    state.settings = settings;
-  },
+    storeSettings: (state, settings) => {
+        state.settings = settings;
+    },
 
-  setSettingsSaving: (state, isSaving) => {
-    state.isSaving = isSaving;
-  },
-}
+    setSettingsSaving: (state, isSaving) => {
+        state.isSaving = isSaving;
+    },
+};
 
 export default {
-  state,
-  getters,
-  actions,
-  mutations
-}
+    state,
+    getters,
+    actions,
+    mutations
+};

src/store/modules/settings.js

@@ -1,10 +1,10 @@
 module.exports = {
-  test: /\.js$/,
-  exclude: /(node_modules)/,
-  use: {
-    loader: 'babel-loader',
-    options: {
-      presets: ['@babel/preset-env'],
+    test: /\.js$/,
+    exclude: /(node_modules)/,
+    use: {
+        loader: 'babel-loader',
+        options: {
+            presets: ['@babel/preset-env'],
+        },
     },
-  },
 };

src/store/types.js

@@ -1,10 +1,10 @@
 const miniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = {
-  test: /\.css$/,
-  use: [
-    miniCssExtractPlugin.loader,
-    "style-loader",
-    "css-loader",
-  ]
+    test: /\.css$/,
+    use: [
+        miniCssExtractPlugin.loader,
+        "style-loader",
+        "css-loader",
+    ]
 };

webpack/loaders/babel.js

@@ -1,11 +1,11 @@
 module.exports = {
-  test: /\.(png|jpe?g|gif|svg)$/,
-  use: [
-    {
-      loader: 'file-loader',
-      options: {
-        outputPath: 'images',
-      },
-    },
-  ],
+    test: /\.(png|jpe?g|gif|svg)$/,
+    use: [
+        {
+            loader: 'file-loader',
+            options: {
+                outputPath: 'images',
+            },
+        },
+    ],
 };

webpack/loaders/css.js

@@ -1,11 +1,11 @@
 module.exports = {
-  test: /\.(woff|woff2|eot|ttf|svg)$/,
-  use: [
-    {
-      loader: 'file-loader',
-      options: {
-        outputPath: 'fonts',
-      },
-    },
-  ],
+    test: /\.(woff|woff2|eot|ttf|svg)$/,
+    use: [
+        {
+            loader: 'file-loader',
+            options: {
+                outputPath: 'fonts',
+            },
+        },
+    ],
 };

webpack/loaders/files.js

@@ -1,8 +1,8 @@
 module.exports = [
-  require("./babel"),
-  require("./css"),
-  require("./scss"),
-  require("./files"),
-  require("./fonts"),
-  require("./vue")
+    require("./babel"),
+    require("./css"),
+    require("./scss"),
+    require("./files"),
+    require("./fonts"),
+    require("./vue")
 ];

webpack/loaders/fonts.js

@@ -1,10 +1,10 @@
 const miniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = {
-  test: /\.s[ac]ss$/i,
-  use: [
-    miniCssExtractPlugin.loader,
-    "css-loader",
-    "sass-loader",
-  ]
+    test: /\.s[ac]ss$/i,
+    use: [
+        miniCssExtractPlugin.loader,
+        "css-loader",
+        "sass-loader",
+    ]
 };

webpack/loaders/index.js

@@ -1,4 +1,4 @@
 module.exports = {
-  test: /\.vue$/,
-  loader: 'vue-loader',
+    test: /\.vue$/,
+    loader: 'vue-loader',
 };