.eslintrc.js

@@ -15,22 +15,8 @@ module.exports = {
         'vue/setup-compiler-macros': true
     },
 
-    extends: [
-        // Base ESLint recommended rules
-        // 'eslint:recommended',
-
-        // Uncomment any of the lines below to choose desired strictness,
-        // but leave only one uncommented!
-        // See https://eslint.vuejs.org/rules/#available-rules
-        'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
-        // 'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
-        // 'plugin:vue/vue3-recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
-
-        'standard'
-    ],
-
+    extends: ['standard'],
     plugins: ['vue', 'prettier'],
-
     globals: {
         ga: 'readonly', // Google Analytics
         cordova: 'readonly',
@@ -70,13 +56,30 @@ module.exports = {
     },
     overrides: [
         {
-            extends: ['plugin:vue/vue3-essential'],
-            files: ['src/**/*.{js,vue,scss}'], // Aplica ESLint solo a archivos .js, .vue y .scss dentro de src (Proyecto de quasar)
+            files: ['src/**/*.{js,vue,scss}', 'quasar.config.js'], // Aplica ESLint solo a archivos .js, .vue y .scss dentro de src (Proyecto de quasar)
+            extends: [
+                // Base ESLint recommended rules
+                'eslint:recommended',
+                // Uncomment any of the lines below to choose desired strictness,
+                // but leave only one uncommented!
+                // See https://eslint.vuejs.org/rules/#available-rules
+                // 'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
+                'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
+                // 'plugin:vue/vue3-recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
+                // https://github.com/prettier/eslint-config-prettier#installation
+                // usage with Prettier, provided by 'eslint-config-prettier'.
+                'prettier'
+            ],
             rules: {
                 semi: 'off',
-                indent: ['error', 4, { SwitchCase: 1 }],
-                'space-before-function-paren': 'off'
-            }
+                'space-before-function-paren': 'off',
+                'prefer-promise-reject-errors': 'off',
+                'vue/no-multiple-template-root': 'off'
+            },
+            parserOptions: {
+                ecmaVersion: '2021'
+            },
+            plugins: ['vue']
         }
     ]
 };

.vscode/settings.json

@@ -1,10 +1,9 @@
 {
-    "files.eol": "\n",
-    "eslint.autoFixOnSave": true,
     "editor.bracketPairColorization.enabled": true,
     "editor.guides.bracketPairs": true,
     "editor.formatOnSave": true,
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.codeActionsOnSave": ["source.fixAll.eslint"],
-    "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"]
+    "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"],
+    "cSpell.words": ["axios", "composables"]
 }

src/components/common/VnInputDate.vue

@@ -27,10 +27,10 @@ onMounted(() => {
 const styleAttrs = computed(() => {
     return props.isOutlined
         ? {
-            dense: true,
-            outlined: true,
-            rounded: true
-        }
+              dense: true,
+              outlined: true,
+              rounded: true
+          }
         : {};
 });
 

src/pages/Admin/NewsDetails.vue

@@ -24,11 +24,11 @@ const isEditMode = !!route.params.id;
 const formData = ref(
     !route.params.id
         ? {
-            title: '',
-            tag: '',
-            priority: '',
-            text: ''
-        }
+              title: '',
+              tag: '',
+              priority: '',
+              text: ''
+          }
         : undefined
 );
 
@@ -73,18 +73,18 @@ onMounted(async () => {
         </Teleport>
         <VnForm
             ref="vnFormRef"
-            :fetchFormDataSql="fetchNewDataSql"
-            :formInitialData="formData"
-            :createModelDefault="{
+            :fetch-form-data-sql="fetchNewDataSql"
+            :form-initial-data="formData"
+            :create-model-default="{
                 field: 'userFk',
                 value: 'account.myUser_getId()'
             }"
             :pks="pks"
-            :isEditMode="isEditMode"
+            :is-edit-mode="isEditMode"
             table="news"
             schema="hedera"
-            separationBetweenInputs="lg"
-            @onDataSaved="goBack()"
+            separation-between-inputs="lg"
+            @on-data-saved="goBack()"
         >
             <template #form="{ data }">
                 <VnImg
@@ -96,7 +96,7 @@ onMounted(async () => {
                     :id="data.image"
                     rounded
                     editable
-                    editSchema="catalog"
+                    edit-schema="catalog"
                 />
                 <VnInput
                     v-model="data.title"