StreakFit — PWA Nuxt (thème flamme, logo SF animé)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/components/SfLoadingScreen.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+defineProps<{ label?: string }>()
+</script>
+
+<template>
+  <div class="fixed inset-0 z-50 flex flex-col items-center justify-center gap-6 bg-white dark:bg-zinc-950">
+    <div class="absolute inset-0 opacity-10 sf-flame-bg" />
+    <SfLogo :size="96" loader class="relative drop-shadow-lg" />
+    <p class="relative text-lg font-extrabold tracking-tight">
+      <span class="sf-flame-text">Streak</span><span class="text-zinc-900 dark:text-white">Fit</span>
+    </p>
+    <p v-if="label" class="relative text-sm text-zinc-500">{{ label }}</p>
+  </div>
+</template>