style: fix some lint issues

Fix some lint issues

.eslintrc.js

@@ -1,4 +1,7 @@
 // Inspired by https://stackoverflow.com/a/60187886
+const path = require('node:path');
+const createAliasSetting = require('@vue/eslint-config-airbnb/createAliasSetting');
+
 module.exports = {
   root: true,
   env: {
@@ -29,5 +32,11 @@ module.exports = {
     'vuejs-accessibility/media-has-caption': 'off',
     'vuejs-accessibility/click-events-have-key-events': 'off',
     'vue/no-v-text-v-html-on-component': 'off',
+    'vue/no-template-target-blank': 'off',
+  },
+  settings: {
+    ...createAliasSetting({
+      '@': `${path.resolve(__dirname, './src')}`,
+    }),
   },
 };

src/components/PlexItem.vue

@@ -136,10 +136,10 @@
 
             <v-list-item
               :href="
-                'https://app.plex.tv/desktop#!/server/' +
-                  metadata.machineIdentifier +
-                  '/details?key=' +
-                  metadata.key
+                'https://app.plex.tv/desktop#!/server/'
+                  + metadata.machineIdentifier
+                  + '/details?key='
+                  + metadata.key
               "
               target="_blank"
             >

src/components/SearchBar.vue

@@ -86,7 +86,7 @@
 
 <script>
 import { mapActions, mapGetters } from 'vuex';
-import CAF from 'caf/core';
+import { CAF } from 'caf';
 import contentTitle from '@/mixins/contentTitle';
 import linkwithroom from '@/mixins/linkwithroom';
 import contentLink from '@/mixins/contentlink';

src/store/modules/plexclients/actions.js

@@ -1,4 +1,4 @@
-import CAF from 'caf/core';
+import { CAF } from 'caf';
 import promiseutils from '@/utils/promiseutils';
 import contentTitleUtils from '@/utils/contenttitleutils';
 import { fetchXmlAndTransform } from '@/utils/fetchutils';

src/store/modules/slplayer/actions.js

@@ -1,4 +1,4 @@
-import CAF from 'caf/core';
+import { CAF } from 'caf';
 
 import { getRandomPlexId } from '@/utils/random';
 import { fetchJson, queryFetch } from '@/utils/fetchutils';

src/store/modules/synclounge/actions.js

@@ -1,4 +1,4 @@
-import CAF from 'caf/core';
+import { CAF } from 'caf';
 import eventhandlers from '@/store/modules/synclounge/eventhandlers';
 import { combineUrl, combineRelativeUrlParts } from '@/utils/combineurl';
 import { fetchJson } from '@/utils/fetchutils';

src/views/PlexServer.vue

@@ -25,10 +25,13 @@
               :img="getArtLibrary(library)"
               v-bind="attrs"
               flat
-              :to="linkWithRoom({ name: 'PlexLibrary', params: {
+              :to="linkWithRoom({
+                name: 'PlexLibrary',
+                params: {
                   machineIdentifier: machineIdentifier,
                   sectionId: library.key,
-              }})"
+                },
+              })"
               v-on="on"
             >
               <div class="hidden-xs-only pa-2">

src/views/SignIn.vue

@@ -45,7 +45,7 @@
 
 <script>
 import { mapActions, mapGetters, mapMutations } from 'vuex';
-import CAF from 'caf/core';
+import { CAF } from 'caf';
 
 import getCookie from '@/utils/getcookie';