@enso-ui/teams 4.0.0 → 4.0.4

package/.eslintrc.js

@@ -1,44 +1,46 @@
 module.exports = {
-    'root': true,
+    root: true,
     extends: [
         'airbnb-base',
-        'plugin:vue/recommended'
+        'plugin:vue/vue3-recommended',
     ],
     plugins: [
         'vue',
     ],
     globals: {
         axios: true,
-        route: true,
     },
     parserOptions: {
         parser: 'babel-eslint',
         sourceType: 'module',
-        'ecmaVersion': 2017,
-        allowImportExportEverywhere: true
+        ecmaVersion: 2017,
+        allowImportExportEverywhere: true,
     },
     rules: {
         'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
         'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
         indent: ['error', 4],
+        'arrow-parens': ['error', 'as-needed'],
         'vue/html-indent': 0,
         'vue/attributes-order': 0,
         'no-plusplus': 0,
-        'no-debugger': 0,
         'no-param-reassign': 0,
         'no-mixed-operators': 0,
+        'no-underscore-dangle': 0,
         'func-names': 0,
         'no-shadow': 0,
+        'vue/multi-word-component-names': 0,
         'vue/max-attributes-per-line': 0,
+        'vue/first-attribute-linebreak': 0,
         'no-return-assign': ['error', 'except-parens'],
         'vue/html-closing-bracket-newline': ['error', {
-            'singleline': 'never',
-            'multiline': 'never'
+            singleline: 'never',
+            multiline: 'never',
         }],
         'vue/html-closing-bracket-spacing': ['error', {
-            'startTag': 'never',
-            'endTag': 'never',
-            'selfClosingTag': 'never'
-        }]
+            startTag: 'never',
+            endTag: 'never',
+            selfClosingTag: 'never',
+        }],
     },
-};
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enso-ui/teams",
-  "version": "4.0.0",
+  "version": "4.0.4",
   "description": "Basic teams package",
   "main": "src/bulma/pages/teams/Index.vue",
   "scripts": {
@@ -27,6 +27,7 @@
     "@enso-ui/ui": "^5.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.2",
     "@fortawesome/free-solid-svg-icons": "^5.2.0",
+    "@fortawesome/vue-fontawesome": "3.0.0-5",
     "v-tooltip": "4.0.0-alpha.1",
     "vue": "^3.0"
   },
@@ -37,7 +38,7 @@
     "autoprefixer": "^9.6.1",
     "babel-eslint": "^10.0.1",
     "cross-env": "^6.0.0",
-    "eslint": "^7.0",
+    "eslint": "^8.0.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-vue": "^8.0.0"
   }

package/src/bulma/pages/teams/Index.vue

@@ -60,6 +60,7 @@
 </template>
 
 <script>
+import { FontAwesomeIcon as Fa } from '@fortawesome/vue-fontawesome';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faPlus, faSearch, faSpinner } from '@fortawesome/free-solid-svg-icons';
 import Team from './components/Team.vue';
@@ -71,7 +72,7 @@ export default {
 
     inject: ['errorHandler', 'i18n', 'route'],
 
-    components: { Team },
+    components: { Fa, Team },
 
     data: () => ({
         loading: false,

package/src/bulma/pages/teams/components/Team.vue

@@ -82,6 +82,7 @@
 </template>
 
 <script>
+import { FontAwesomeIcon as Fa } from '@fortawesome/vue-fontawesome';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import {
     faBan, faPencilAlt, faTrash, faCheck,
@@ -100,7 +101,7 @@ export default {
 
     directives: { focus },
 
-    components: { Fade, EnsoSelect, AvatarList },
+    components: { AvatarList, EnsoSelect, Fa, Fade },
 
     props: {
         team: {