Removed awaits, clean up API route

frontend/components/ChampionTitle.vue

@@ -21,14 +21,20 @@ watch(
   }
 )
 
-const { data: championData }: ChampionResponse = await useFetch(
+const { data: championData } = useFetch<{ name: string; title: string }>(
   CDRAGON_BASE +
     'plugins/rcp-be-lol-game-data/global/default/v1/champions/' +
     props.championId +
-    '.json'
+    '.json',
+  {
+    lazy: true, // Don't block rendering
+    server: false // Client-side only
+  }
 )
-const championName = championData.value.name
-const championDescription = championData.value.title
+
+// Handle loading and error states
+const championName = computed(() => championData.value?.name || 'Loading...')
+const championDescription = computed(() => championData.value?.title || '')
 </script>
 
 <template>