From 0532676fa4e20b4cb68fe82424d736c06ba5ab38 Mon Sep 17 00:00:00 2001
From: ducklet <ducklet@noreply.code.dumpr.org>
Date: Thu, 5 Aug 2021 17:50:44 +0200
Subject: [PATCH] lint

---
 scripts/lint-js                        |  2 +-
 unwind-ui/src/App.vue                  | 16 +++++++++-------
 unwind-ui/src/components/MovieList.vue |  2 +-
 unwind-ui/vite.config.ts               |  4 ++--
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/scripts/lint-js b/scripts/lint-js
index 8cf99bb..ad68556 100755
--- a/scripts/lint-js
+++ b/scripts/lint-js
@@ -18,4 +18,4 @@ fi
 
 cd unwind-ui
 npm run lint ||:
-npx prettier $prettier_opts 'src/**/*.{js,ts,vue}'
+npx prettier $prettier_opts 'vite.config.ts' 'src/**/*.{js,ts,vue}'
diff --git a/unwind-ui/src/App.vue b/unwind-ui/src/App.vue
index fd9c712..d797fdc 100644
--- a/unwind-ui/src/App.vue
+++ b/unwind-ui/src/App.vue
@@ -11,7 +11,9 @@
           <div class="select is-small">
             <select v-model="filter_group" @change="search">
               <option selected value="">Me ({{ login_user.name }})</option>
-              <option v-for="g in login_user.groups" :value="g.id">{{g.id}}</option>
+              <option v-for="g in login_user.groups" :key="g.id" :value="g.id">
+                {{ g.id }}
+              </option>
             </select>
           </div>
           <div class="icon is-small is-left">
@@ -34,7 +36,7 @@
           <span class="select">
             <select v-model="media_type" @change="search">
               <option value="">(any type)</option>
-              <option v-for="t in media_types" :value="t">{{ t }}</option>
+              <option v-for="t in media_types" :key="t" :value="t">{{ t }}</option>
             </select>
           </span>
         </p>
@@ -163,9 +165,9 @@ const debounced_get = debounce_async(100, get)
 
 type ULID = string
 type User = {
-  id: ULID,
-  name: string,
-  groups: Array<{id: ULID}>,
+  id: ULID
+  name: string
+  groups: Array<{ id: ULID }>
 }
 
 export default defineComponent({
@@ -179,7 +181,7 @@ export default defineComponent({
     media_types,
     media_type: "",
     active: false,
-    filter_group: '',
+    filter_group: "",
   }),
   mounted() {
     const { query, type } = view_params()
@@ -209,7 +211,7 @@ export default defineComponent({
 
       const per_page = 100
       const media_type = this.media_type === "" ? null : this.media_type
-      const user_id = this.filter_group === '' && this.credentials.user_id || null
+      const user_id = (this.filter_group === "" && this.credentials.user_id) || null
       const group_id = user_id === null && this.filter_group ? this.filter_group : null
       const more = await debounced_get(
         "movies",
diff --git a/unwind-ui/src/components/MovieList.vue b/unwind-ui/src/components/MovieList.vue
index d84efe6..fe61e67 100644
--- a/unwind-ui/src/components/MovieList.vue
+++ b/unwind-ui/src/components/MovieList.vue
@@ -10,7 +10,7 @@
       </tr>
     </thead>
     <tbody>
-      <tr v-for="item in items" :data-unwind-id="item.id">
+      <tr v-for="item in items" :key="item.id" :data-unwind-id="item.id">
         <td v-if="item.original_title">
           <a :href="`https://www.imdb.com/title/${item.imdb_id}/`">
             <span>{{ item.original_title }}</span>
diff --git a/unwind-ui/vite.config.ts b/unwind-ui/vite.config.ts
index c51ac37..84d4068 100644
--- a/unwind-ui/vite.config.ts
+++ b/unwind-ui/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from "vite"
+import vue from "@vitejs/plugin-vue"
 
 // https://vitejs.dev/config/
 export default defineConfig({