hey linter

Author: tiltec

jsconfig.json

@@ -14,6 +14,7 @@
   "exclude": [
     "dist",
     ".quasar",
-    "node_modules"
+    "node_modules",
+    "storybook-static"
   ]
 }

src/authuser/components/Settings/ChangePhoto.spec.js

@@ -3,7 +3,7 @@ import { usersMock } from '>/mockdata'
 import cloneDeep from 'clone-deep'
 
 import { mountWithDefaults, statusMocks, nextTicks } from '>/helpers'
-import { configureCompat } from 'vue'
+import { configureCompat } from '@vue/compat'
 jest.mock('vue', () => jest.requireActual('@vue/compat'))
 configureCompat({ MODE: 3 })
 

src/base/routes/main.spec.js

@@ -18,20 +18,20 @@ jest.mock('@/router', () => {
         name: 'landing',
         path: '/welcome',
         component: {
-          template: '<div>landing</div>'
+          template: '<div>landing</div>',
         },
       },
       {
         name: 'groupsGallery',
         path: '/groupPreview',
         component: {
-          template: '<div>gallery</div>'
+          template: '<div>gallery</div>',
         },
       },
       {
         path: '/',
         component: {
-          template: '<div>root</div>'
+          template: '<div>root</div>',
         },
       },
     ],
@@ -66,7 +66,7 @@ function mountRouterViewWith ({ datastore, router }) {
         router,
         datastore,
         i18nPlugin,
-      ]
+      ],
     },
   })
 }
@@ -120,7 +120,7 @@ describe('main routes', () => {
         name: 'group',
         path: '/group/:groupId',
         component: {
-          template: '<div>group</div>'
+          template: '<div>group</div>',
         },
       })
       group = {

src/feedback/components/ActivityFeedback.vue

@@ -77,7 +77,7 @@
           :has-multiple-participants="fellowParticipants.length > 0"
           :has-weight="select.activityType.hasFeedbackWeight"
           @save="(...args) => $emit('save', ...args)"
-          @dismissFeedback="(...args) => $emit('dismissFeedback', ...args)"
+          @dismiss-feedback="(...args) => $emit('dismissFeedback', ...args)"
         />
       </div>
     </QCard>

src/feedback/pages/GiveFeedback.vue

@@ -9,7 +9,7 @@
     :fetch-feedback-possible-status="$store.getters['activities/fetchFeedbackPossibleStatus']"
     :seed-id="$store.getters['currentGroup/id']"
     @save="data => $store.dispatch('feedback/save', data)"
-    @dismissFeedback="data => $store.dispatch('activities/dismissFeedback', data)"
+    @dismiss-feedback="data => $store.dispatch('activities/dismissFeedback', data)"
   />
 </template>
 

src/group/components/GroupSettings.story.js

@@ -1,5 +1,4 @@
-import Vue from 'vue'
-import { h } from 'vue'
+import { h, reactive } from 'vue'
 import { storiesOf } from '@storybook/vue'
 import { action } from '@storybook/addon-actions'
 import { storybookDefaults as defaults } from '>/helpers'
@@ -12,7 +11,7 @@ const changeNotificationType = action('changeNotificationType')
 storiesOf('GroupSettings', module)
   .add('show', () => {
     // Create a reactive copy of the group
-    const group = new Vue({ data: { ...groupsMock[0] } })
+    const group = reactive({ ...groupsMock[0] })
 
     return defaults({
       render: () => h(GroupSettings, {

src/messages/components/LatestMessages.story.js

@@ -35,22 +35,22 @@ const thread = {
 }
 
 storiesOf('Latest Messages', module)
-.add('flag: muted', () => defaults({
-  render: () => h(LatestMessageItem, {
-    user,
-    message,
-    muted: true,
-    ...on,
-  }),
-}))
-.add('flag: closed', () => defaults({
-  render: () => h(LatestMessageItem, {
-    application,
-    message,
-    closed: true,
-    ...on,
-  }),
-}))
+  .add('flag: muted', () => defaults({
+    render: () => h(LatestMessageItem, {
+      user,
+      message,
+      muted: true,
+      ...on,
+    }),
+  }))
+  .add('flag: closed', () => defaults({
+    render: () => h(LatestMessageItem, {
+      application,
+      message,
+      closed: true,
+      ...on,
+    }),
+  }))
   .add('flag: closed+muted', () => defaults({
     render: () => h(LatestMessageItem, {
       application,

src/places/components/PlaceEdit.vue

@@ -260,6 +260,7 @@ export default {
   },
   emits: [
     'cancel',
+    'save',
   ],
   setup () {
     return {

src/topbar/components/KTopbar.vue

@@ -12,7 +12,7 @@
     @reconnect="$store.dispatch('connectivity/reconnect')"
     @show-search="$store.commit('search/show')"
     @hide-search="$store.commit('search/hide')"
-    @toggleSidenav="$emit('toggle-sidenav')"
+    @toggle-sidenav="$emit('toggle-sidenav')"
   />
 </template>
 

src/utils/components/MarkdownInput.vue

@@ -40,7 +40,7 @@
         </template>
         <template
           v-for="(_, slotName) in $slots"
-          v-slot:[slotName]="slotData"
+          #[slotName]="slotData"
         >
           <slot
             :name="slotName"

src/utils/cordova/setupRefresh.js

@@ -27,7 +27,6 @@ document.addEventListener('deviceready', () => {
 // wait 5 seconds before triggering refresh
 const refresh = () => setTimeout(() => datastore.commit('refresh/requestRefresh', true), 5000)
 
-
 watch(() => status.online, val => {
   if (val) refresh()
 })

src/utils/detectMobileKeyboard.spec.js

@@ -28,7 +28,7 @@ describe('detectMobileKeyboard', () => {
   })
 
   describe('desktop', () => {
-    beforeEach(() => mockPlatform.is.mobile = false)
+    beforeEach(() => { mockPlatform.is.mobile = false })
     it('defaults to closed', () => {
       expect(detectMobileKeyboard.is.open).toBe(false)
     })
@@ -44,7 +44,7 @@ describe('detectMobileKeyboard', () => {
   })
 
   describe('mobile', () => {
-    beforeEach(() => mockPlatform.is.mobile = true)
+    beforeEach(() => { mockPlatform.is.mobile = true })
     it('defaults to closed', () => {
       expect(detectMobileKeyboard.is.open).toBe(false)
     })