diff --git a/.eslintrc.js b/.eslintrc.js
index 78c0cd0..99c1e66 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -3,7 +3,11 @@
   env: {
     node: true,
   },
-  extends: ['plugin:vue/recommended', 'eslint:recommended', '@vue/prettier'],
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'eslint:recommended',
+    '@vue/prettier',
+  ],
   rules: {
     'no-console': 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
@@ -11,10 +15,14 @@
       'error',
       {
         singleQuote: true,
+        trailingComma: 'all',
       },
     ],
     'vue/component-name-in-template-casing': ['error', 'kebab-case'],
     'vue/multi-word-component-names': 'off',
+    'vue/no-deprecated-filter': 'off',
+    'vue/no-useless-template-attributes': 'off',
+    'vue/no-deprecated-props-default-this': 'off',
   },
   parser: 'vue-eslint-parser',
   overrides: [