fix(eslint): make eslint compatible with prettier

Fix/eslint vs prettier

Author: themustafaomar

.eslintrc.js

@@ -4,28 +4,15 @@ require('@rushstack/eslint-patch/modern-module-resolution')
 module.exports = {
   root: true,
   extends: [
-    // add more generic rulesets here, such as:
-    'plugin:import/errors',
+    'plugin:vue/vue3-essential',
     'eslint:recommended',
-    'plugin:vue/vue3-recommended',
+    '@vue/eslint-config-typescript',
     '@vue/eslint-config-prettier/skip-formatting',
   ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-  },
-  env: {
-    browser: true,
-    amd: true,
-    node: true,
-  },
   rules: {
-    'strict': 'error',
     'vue/multi-word-component-names': 'off',
     'object-curly-spacing': ['error', 'always'],
     'operator-linebreak': ['error', 'after'],
-    'comma-dangle': ['error', 'never'],
-    'import/no-duplicates': 'error',
-    'import/no-unresolved': 0,
     'semi': ['error', 'never'],
     'indent': [
       'error',
@@ -35,7 +22,8 @@ module.exports = {
         SwitchCase: 1,
       },
     ],
-    // override/add rules settings here, such as:
-    'vue/no-unused-vars': 'error',
+  },
+  parserOptions: {
+    ecmaVersion: 'latest',
   },
 }

src/components/auth/Heading.vue

@@ -2,7 +2,7 @@
   <div class="text-center mb-6">
     <img
       class="mb-3"
-      :src="`/${isDark ? 'logo-dark' : 'logo'}.png`"
+      :src="`/${isDark ? 'logo' : 'logo'}.png`"
       :width="isDark ? 60 : 70"
       alt="Logo"
     />

src/pages/auth/forgot-password.vue

@@ -1,6 +1,6 @@
 <template>
   <AuthLayout>
-    <v-sheet width="360" rounded class="position-relative mx-auto border rounded-lg pa-8">
+    <v-sheet width="360" rounded class="position-relative mx-auto pa-8 rounded-lg">
       <v-progress-linear :active="isLoading" indeterminate absolute bottom color="primary" />
 
       <v-alert