chore(playground): force recompile main.ts on theme toggle

The REPL only auto-compiles the active file. Explicitly call
compileFile after updating main.ts so the preview picks up
the new theme regardless of which file is active.

Author: johnleider

apps/playground/src/composables/usePlaygroundFiles.ts

@@ -5,7 +5,7 @@ import { debounce, useTheme } from '@vuetify/v0'
 import { decodePlaygroundHash, encodePlaygroundHash } from '@/composables/usePlayground'
 
 // Utilities
-import { useStore, useVueImportMap } from '@vue/repl/core'
+import { compileFile, useStore, useVueImportMap } from '@vue/repl/core'
 import { computed, onMounted, shallowRef, watch, watchEffect } from 'vue'
 
 // Data
@@ -141,6 +141,7 @@ export function usePlaygroundFiles () {
     const file = store.files['src/main.ts']
     if (file) {
       file.code = createMainTs(isDark ? 'dark' : 'light')
+      compileFile(store, file)
     }
   })