Fix client linting in CI (#2167)

Author: samfreund

photon-client/package.json

@@ -10,7 +10,7 @@
     "build-demo": "vite build --mode demo",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
     "format": "prettier --write src/",
-    "lint-ci": "eslint . --max-warnings 0 --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
+    "lint-ci": "eslint . --max-warnings 0 --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",
     "format-ci": "prettier --check src/"
   },
   "dependencies": {

photon-client/src/components/cameras/CameraCalibrationCard.vue

@@ -297,11 +297,11 @@ const setSelectedVideoFormat = (format: VideoFormat) => {
               :select-cols="8"
               :disabled="isCalibrating"
               tooltip="Resolution to calibrate at (you will have to calibrate every resolution you use 3D mode on)"
+              :items="getUniqueVideoResolutionStrings()"
               @update:model-value="
                 useStateStore().calibrationData.videoFormatIndex =
                   getUniqueVideoResolutionStrings().find((v) => v.value === $event)?.value || 0
               "
-              :items="getUniqueVideoResolutionStrings()"
             />
             <pv-select
               v-model="boardType"

photon-client/src/components/settings/NetworkingCard.vue

@@ -315,47 +315,47 @@ watchEffect(() => {
             <v-col class="text-center">
               Background
               <v-color-picker
+                v-model:model-value="backgroundColor"
                 class="ma-auto pt-3"
                 elevation="0"
                 mode="hex"
                 :modes="['hex']"
-                v-model:model-value="backgroundColor"
-                v-on:update:model-value="(hex) => setThemeColor(theme, 'background', hex)"
+                @update:model-value="(hex) => setThemeColor(theme, 'background', hex)"
               ></v-color-picker>
             </v-col>
             <v-col class="text-center">
               Surface
               <v-color-picker
+                v-model:model-value="surfaceColor"
                 class="ma-auto pt-3"
                 elevation="0"
                 mode="hex"
                 :modes="['hex']"
-                v-model:model-value="surfaceColor"
-                v-on:update:model-value="(hex) => setThemeColor(theme, 'surface', hex)"
+                @update:model-value="(hex) => setThemeColor(theme, 'surface', hex)"
               ></v-color-picker>
             </v-col>
           </v-row>
           <v-row>
             <v-col class="text-center">
               Primary
               <v-color-picker
+                v-model:model-value="primaryColor"
                 class="ma-auto pt-3"
                 elevation="0"
                 mode="hex"
                 :modes="['hex']"
-                v-model:model-value="primaryColor"
-                v-on:update:model-value="(hex) => setThemeColor(theme, 'primary', hex)"
+                @update:model-value="(hex) => setThemeColor(theme, 'primary', hex)"
               ></v-color-picker>
             </v-col>
             <v-col class="text-center">
               Secondary
               <v-color-picker
+                v-model:model-value="secondaryColor"
                 class="ma-auto pt-3"
                 elevation="0"
                 mode="hex"
                 :modes="['hex']"
-                v-model:model-value="secondaryColor"
-                v-on:update:model-value="(hex) => setThemeColor(theme, 'secondary', hex)"
+                @update:model-value="(hex) => setThemeColor(theme, 'secondary', hex)"
               ></v-color-picker>
             </v-col>
           </v-row>