Update lint rules

.eslintrc.js

@@ -4,15 +4,14 @@ module.exports = {
     node: true
   },
   'extends': [
-      'plugin:vue/essential',
+    'plugin:vue/vue3-essential',
     'eslint:recommended'
   ],
-    rules: {
-      'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-      'no-trailing-spaces': 'error'
-    },
   parserOptions: {
     parser: 'babel-eslint'
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
   }
-  }
+}

src/components/breadcrumb/Breadcrumb.vue

@@ -2,9 +2,9 @@
     <nav class="p-breadcrumb p-component" aria-label="Breadcrumb">
         <ul>
             <BreadcrumbItem v-if="home" :item="home" class="p-breadcrumb-home" />
-            <template v-for="(item, i) of model">
+            <template v-for="item of model" :key="item.label" >
-                <li class="p-breadcrumb-chevron pi pi-chevron-right" :key="'chevron' + i"></li>
+                <li class="p-breadcrumb-chevron pi pi-chevron-right"></li>
-                <BreadcrumbItem :key="item.label + i" :item="item" />
+                <BreadcrumbItem :item="item" />
             </template>
         </ul>
     </nav>