From ffd7c98bf49e7d3f5918f67a5d52a30be0c17bea Mon Sep 17 00:00:00 2001
From: Conicaw <conicaw@conicaw.me>
Date: Mon, 25 Sep 2023 17:29:50 -0500
Subject: [PATCH] style: fix some lint issues

Fix some lint issues
---
 .eslintrc.js                             |  9 +++++++++
 src/App.vue                              |  2 +-
 src/components/PlexItem.vue              |  8 ++++----
 src/components/PlexMediaLayout.vue       |  2 +-
 src/components/SearchBar.vue             |  2 +-
 src/components/TheSettingsDialog.vue     |  6 +++---
 src/components/TheSidebarLeft.vue        |  2 +-
 src/store/modules/plexclients/actions.js |  2 +-
 src/store/modules/slplayer/actions.js    |  2 +-
 src/store/modules/synclounge/actions.js  |  2 +-
 src/views/PlexHome.vue                   |  2 +-
 src/views/PlexServer.vue                 | 11 +++++++----
 src/views/RoomCreation.vue               |  2 +-
 src/views/SignIn.vue                     |  2 +-
 14 files changed, 33 insertions(+), 21 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index bf59f28a..eeec2d22 100644
--- a/.eslintrc.js
+++ b/.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')}`,
+    }),
   },
 };
diff --git a/src/App.vue b/src/App.vue
index 4a339da6..1a4724c0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,7 @@
       <v-app-bar-nav-icon @click="SET_LEFT_SIDEBAR_OPEN" />
 
       <router-link
-        :to="{ name: 'RoomCreation'}"
+        :to="{ name: 'RoomCreation' }"
       >
         <picture>
           <source
diff --git a/src/components/PlexItem.vue b/src/components/PlexItem.vue
index d69e2a4c..fa4c8975 100644
--- a/src/components/PlexItem.vue
+++ b/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"
             >
diff --git a/src/components/PlexMediaLayout.vue b/src/components/PlexMediaLayout.vue
index 12d9ed69..c354555b 100644
--- a/src/components/PlexMediaLayout.vue
+++ b/src/components/PlexMediaLayout.vue
@@ -23,7 +23,7 @@
                       <v-img
                         :src="thumbUrl"
                         width="200"
-                        :aspect-ratio="2/3"
+                        :aspect-ratio="2 / 3"
                         class="hidden-sm-and-down"
                       />
                     </v-col>
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index 2d6e2be9..282f900e 100644
--- a/src/components/SearchBar.vue
+++ b/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';
diff --git a/src/components/TheSettingsDialog.vue b/src/components/TheSettingsDialog.vue
index bb1953e3..4c12a3bc 100644
--- a/src/components/TheSettingsDialog.vue
+++ b/src/components/TheSettingsDialog.vue
@@ -94,7 +94,7 @@
           </v-list-item-action>
         </v-list-item>
 
-        <v-list-item @click="streamingProtocolSelectOpen=!streamingProtocolSelectOpen">
+        <v-list-item @click="streamingProtocolSelectOpen = !streamingProtocolSelectOpen">
           <v-list-item-content>
             <v-list-item-title>Streaming Protocol</v-list-item-title>
 
@@ -248,7 +248,7 @@
           </v-list-item-content>
         </v-list-item>
 
-        <v-list-item @click="syncModeSelectOpen=!syncModeSelectOpen">
+        <v-list-item @click="syncModeSelectOpen = !syncModeSelectOpen">
           <v-list-item-content>
             <v-list-item-title>Syncing Method</v-list-item-title>
 
@@ -296,7 +296,7 @@
 
         <v-list-item
           three-line
-          @click="blockedServersSelectOpen=!blockedServersSelectOpen"
+          @click="blockedServersSelectOpen = !blockedServersSelectOpen"
         >
           <v-list-item-content>
             <v-list-item-title>Blocked Servers</v-list-item-title>
diff --git a/src/components/TheSidebarLeft.vue b/src/components/TheSidebarLeft.vue
index fbbd8313..8d8bd24c 100644
--- a/src/components/TheSidebarLeft.vue
+++ b/src/components/TheSidebarLeft.vue
@@ -42,7 +42,7 @@
 
       <v-list-item
         :router="true"
-        :to="{name: 'SignOut'}"
+        :to="{ name: 'SignOut' }"
       >
         <v-list-item-icon>
           <v-icon>cancel</v-icon>
diff --git a/src/store/modules/plexclients/actions.js b/src/store/modules/plexclients/actions.js
index b0d4e504..ba4165bb 100644
--- a/src/store/modules/plexclients/actions.js
+++ b/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';
diff --git a/src/store/modules/slplayer/actions.js b/src/store/modules/slplayer/actions.js
index 9c271511..07314fa4 100644
--- a/src/store/modules/slplayer/actions.js
+++ b/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';
diff --git a/src/store/modules/synclounge/actions.js b/src/store/modules/synclounge/actions.js
index 62e0c492..73eeef55 100644
--- a/src/store/modules/synclounge/actions.js
+++ b/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';
diff --git a/src/views/PlexHome.vue b/src/views/PlexHome.vue
index 53f92c66..372a6325 100644
--- a/src/views/PlexHome.vue
+++ b/src/views/PlexHome.vue
@@ -39,7 +39,7 @@
       >
         <v-card
           :to="linkWithRoom(
-            { name: 'PlexServer', params: { machineIdentifier: server.clientIdentifier }},
+            { name: 'PlexServer', params: { machineIdentifier: server.clientIdentifier } },
           )"
           style="background: rgb(0 0 0 / 60%);"
           :title="server.name"
diff --git a/src/views/PlexServer.vue b/src/views/PlexServer.vue
index aedc7fa5..e30f1d47 100644
--- a/src/views/PlexServer.vue
+++ b/src/views/PlexServer.vue
@@ -25,10 +25,13 @@
               :img="getArtLibrary(library)"
               v-bind="attrs"
               flat
-              :to="linkWithRoom({ name: 'PlexLibrary', params: {
-                machineIdentifier: machineIdentifier,
-                sectionId: library.key,
-              }})"
+              :to="linkWithRoom({
+                name: 'PlexLibrary',
+                params: {
+                  machineIdentifier: machineIdentifier,
+                  sectionId: library.key,
+                },
+              })"
               v-on="on"
             >
               <div class="hidden-xs-only pa-2">
diff --git a/src/views/RoomCreation.vue b/src/views/RoomCreation.vue
index d5ef9d3c..81906113 100644
--- a/src/views/RoomCreation.vue
+++ b/src/views/RoomCreation.vue
@@ -74,7 +74,7 @@
 
             <v-spacer />
 
-            <v-btn :to="{name: 'AdvancedRoomWalkthrough'}">
+            <v-btn :to="{ name: 'AdvancedRoomWalkthrough' }">
               Advanced
             </v-btn>
           </v-card-actions>
diff --git a/src/views/SignIn.vue b/src/views/SignIn.vue
index a91f15d6..b8442570 100644
--- a/src/views/SignIn.vue
+++ b/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';