@enso-ui/roles 3.0.3 → 4.0.3

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/roles",
-  "version": "3.0.3",
+  "version": "4.0.3",
   "description": "Basic roles package",
   "main": "src/bulma/pages/roles/Index.vue",
   "scripts": {
@@ -21,27 +21,26 @@
   },
   "homepage": "https://github.com/enso-ui/roles#readme",
   "dependencies": {
-    "@enso-ui/checkbox": "^2.0",
-    "@enso-ui/forms": "^2.0",
-    "@enso-ui/permissions": "^3.0",
-    "@enso-ui/tables": "^2.0",
-    "@enso-ui/ui": "^4.0",
+    "@enso-ui/checkbox": "^3.0",
+    "@enso-ui/forms": "^3.0",
+    "@enso-ui/permissions": "^4.0",
+    "@enso-ui/tables": "^3.0",
+    "@enso-ui/ui": "^5.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.2",
     "@fortawesome/free-solid-svg-icons": "^5.2.0",
-    "v-tooltip": "^2.0.0-rc.32",
-    "vue": "^2.5.16"
+    "@fortawesome/vue-fontawesome": "3.0.0-5",
+    "vue": "^3.0",
+    "vuex": "^4.0.0"
   },
   "devDependencies": {
-    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "@vue/cli-plugin-babel": "^4.0.5",
-    "@vue/cli-plugin-eslint": "^4.0.5",
-    "@vue/cli-service": "^4.0.5",
+    "@vue/cli-plugin-babel": "5.0.0-beta.6",
+    "@vue/cli-plugin-eslint": "5.0.0-beta.6",
     "@vue/eslint-config-airbnb": "^5.0.0",
     "autoprefixer": "^9.6.1",
     "babel-eslint": "^10.0.1",
     "cross-env": "^6.0.0",
-    "eslint": "^6.8.0",
+    "eslint": "^7.0",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-vue": "^6.0.0"
+    "eslint-plugin-vue": "^7.0.0-beta.4"
   }
 }

package/src/bulma/pages/roles/Configure.vue

@@ -7,7 +7,7 @@
                     :title="`${i18n('Permissions')}: ${data.role.display_name}`"
                     v-model="data.rolePermissions"
                     :items="data.permissions">
-                    <template v-slot:item="{ item }">
+                    <template #item="{ item }">
                         <div class="level permission is-hoverable p-2 is-mobile">
                             <div class="level-left">
                                 <div class="level-item">
@@ -54,10 +54,10 @@ import { CheckboxManager } from '@enso-ui/checkbox/bulma';
 export default {
     name: 'Configure',
 
-    inject: ['canAccess', 'errorHandler', 'i18n', 'route', 'toastr'],
-
     components: { CheckboxManager },
 
+    inject: ['canAccess', 'errorHandler', 'i18n', 'route', 'toastr'],
+
     data: () => ({
         data: null,
     }),

package/src/bulma/pages/roles/Edit.vue

@@ -4,7 +4,7 @@
             <enso-form class="box has-background-light raises-on-hover"
                 @ready="ready = true"
                 ref="form">
-                <template v-slot:actions-left
+                <template #actions-left
                     v-if="ready">
                     <div class="level-item">
                         <a class="button is-warning"
@@ -40,18 +40,19 @@
 </template>
 
 <script>
+import { FontAwesomeIcon as Fa } from '@fortawesome/vue-fontawesome';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faSave, faSlidersH } from '@fortawesome/free-solid-svg-icons';
 import { EnsoForm } from '@enso-ui/forms/bulma';
 
-library.add([faSave, faSlidersH]);
+library.add(faSave, faSlidersH);
 
 export default {
     name: 'Edit',
 
-    inject: ['errorHandler', 'i18n', 'route', 'routerErrorHandler', 'toastr'],
+    components: { EnsoForm, Fa },
 
-    components: { EnsoForm },
+    inject: ['errorHandler', 'i18n', 'route', 'routerErrorHandler', 'toastr'],
 
     data: () => ({
         ready: false,