fix: fixed updated eslint config and npm packages

Author: kouts

.eslintrc.js

@@ -1,3 +1,12 @@
 module.exports = {
-  extends: ['eslint-config-kouts/vue3']
+  extends: ['eslint-config-kouts/vue3'],
+  overrides: [
+    {
+      // Disable multi-word-component-names
+      files: ['playground/**/*.{vue,js}', 'src/**/*.vue', 'docs/**/*.{vue,js}'],
+      rules: {
+        'vue/multi-word-component-names': 'off'
+      }
+    }
+  ]
 }

docs/.vuepress/clientAppEnhance.js

@@ -1,9 +1,9 @@
 import Dataset from '@/Dataset.vue'
+import DatasetInfo from '@/DatasetInfo.vue'
+import DatasetItem from '@/DatasetItem.vue'
+import DatasetPager from '@/DatasetPager.vue'
 import DatasetSearch from '@/DatasetSearch.vue'
 import DatasetShow from '@/DatasetShow.vue'
-import DatasetPager from '@/DatasetPager.vue'
-import DatasetItem from '@/DatasetItem.vue'
-import DatasetInfo from '@/DatasetInfo.vue'
 import './styles/styles.scss'
 
 import { defineClientAppEnhance } from '@vuepress/client'

docs/.vuepress/components/Example1.vue

@@ -56,7 +56,7 @@ export default {
   name: 'Example1',
   data: function () {
     return {
-      users: users,
+      users,
       statusClass: {
         Active: 'text-success',
         Away: 'text-warning',

docs/.vuepress/components/Example2.vue

@@ -126,7 +126,7 @@
 
 <script>
 import users from '@root/example-data/users.json'
-import { filterList, clone, isoDateToEuroDate, searchAsEuroDate } from '../utilities'
+import { clone, filterList, isoDateToEuroDate, searchAsEuroDate } from '../utilities'
 import { debounce } from '@/helpers'
 
 // const lessUsers = clone(data).slice(0, 2);
@@ -135,7 +135,7 @@ export default {
   name: 'Example2',
   data: function () {
     return {
-      users: users,
+      users,
       startsWith: '',
       onlineFilter: '',
       statusClass: {
@@ -163,6 +163,7 @@ export default {
     searchAsEuroDate,
     updateData() {
       const updatedUsers = clone(users).slice(5, 10)
+
       this.users = updatedUsers
     },
     startsWithFilter(value) {

docs/.vuepress/components/Example3.vue

@@ -52,13 +52,13 @@
 
 <script>
 import users from '@root/example-data/users.json'
-import { isoDateToEuroDate, isoDateToDate, searchAsEuroDate } from '../utilities'
+import { isoDateToDate, isoDateToEuroDate, searchAsEuroDate } from '../utilities'
 
 export default {
   name: 'Example2',
   data: function () {
     return {
-      users: users,
+      users,
       cols: [
         {
           name: 'Name',
@@ -84,6 +84,7 @@ export default {
         if (o.sort) {
           o.sort === 'asc' ? acc.push(o.field) : acc.push('-' + o.field)
         }
+
         return acc
       }, [])
     }
@@ -92,6 +93,7 @@ export default {
     click(event, i) {
       let toset
       const sortEl = this.cols[i]
+
       if (!event.shiftKey) {
         this.cols.forEach((o) => {
           if (o.field !== sortEl.field) {

docs/.vuepress/utilities/index.js

@@ -5,6 +5,7 @@ export const filterList = function (list = [], filter) {
         return false
       }
     }
+
     return true
   })
 }
@@ -15,12 +16,14 @@ export const clone = function (obj) {
 
 export const isoDateToEuroDate = function (isoDate) {
   const parts = isoDate.split('-')
+
   return `${parts[2]}.${parts[1]}.${parts[0]}`
 }
 
 export const searchAsEuroDate = function (value, searchString) {
   const parts = searchString.split('.')
   const isoDate = `${parts[2]}-${parts[1]}-${parts[0]}`
+
   return isoDate === value
 }
 

jest.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   preset: '@vue/cli-plugin-unit-jest',
   transform: {
-    '^.+\\.vue$': 'vue-jest'
+    '^.+\\.vue$': '@vue/vue3-jest'
   },
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/src/$1',