try for better ocr puzzle

opus_submitter/src/components/FileUpload.vue

@@ -181,6 +181,7 @@
 <script setup lang="ts">
 import { ref, watch, nextTick } from 'vue'
 import { ocrService } from '../services/ocrService'
+import { usePuzzlesStore } from '@/stores/puzzles'
 import type { SubmissionFile, SteamCollectionItem } from '@/types'
 
 interface Props {
@@ -195,6 +196,9 @@ interface Emits {
 const props = defineProps<Props>()
 const emit = defineEmits<Emits>()
 
+// Pinia store
+const puzzlesStore = usePuzzlesStore()
+
 const fileInput = ref<HTMLInputElement>()
 const isDragOver = ref(false)
 const error = ref('')
@@ -211,10 +215,9 @@ watch(files, (newFiles) => {
 }, { deep: true })
 
 // Watch for puzzle changes and update OCR service
-watch(() => props.puzzles, (newPuzzles) => {
+watch(() => puzzlesStore.puzzles, (newPuzzles) => {
   if (newPuzzles && newPuzzles.length > 0) {
-    const puzzleNames = newPuzzles.map(puzzle => puzzle.title)
-    ocrService.setAvailablePuzzleNames(puzzleNames)
+    ocrService.setAvailablePuzzleNames(puzzlesStore.puzzleNames)
   }
 }, { immediate: true })