Corrige persistencia del selector de skin en GraphicsView

src/dashboard/scoreko-dev/views/Graphics.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useHead } from '@unhead/vue';
-import { computed, ref, watch, watchEffect } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { graphicsSettingsReplicant } from '../../../browser_shared/replicants';
 import { t } from '../i18n';
 
@@ -60,18 +60,17 @@ const commentaryGraphic = computed(() =>
 
 const selectedScoreboardSkin = ref<string>('');
 
-watchEffect(() => {
-  const availableSkins = scoreboardGraphics.value;
-
+watch(
+  [scoreboardGraphics, () => graphicsSettingsReplicant?.data?.scoreboardSkin],
+  ([availableSkins, replicatedSkin]) => {
     if (availableSkins.length === 0) {
       selectedScoreboardSkin.value = '';
       return;
     }
 
-  const replicatedSkin = graphicsSettingsReplicant?.data?.scoreboardSkin ?? '';
     const hasReplicatedSkin = availableSkins.some((graphic) => graphic.file === replicatedSkin);
-  if (hasReplicatedSkin && selectedScoreboardSkin.value !== replicatedSkin) {
-    selectedScoreboardSkin.value = replicatedSkin;
+    if (hasReplicatedSkin) {
+      selectedScoreboardSkin.value = replicatedSkin ?? "";
       return;
     }
 
@@ -82,7 +81,9 @@ watchEffect(() => {
     if (!hasCurrentSkin) {
       selectedScoreboardSkin.value = availableSkins[0]!.file;
     }
-});
+  },
+  { immediate: true },
+);
 
 watch(
   selectedScoreboardSkin,