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

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

app/pages/routines/index.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+definePageMeta({ middleware: 'auth' })
+const { t } = useI18n()
+const { api } = useApi()
+
+interface Routine { id: number, name: string, description: string | null, estimated_minutes: number | null, exercises?: unknown[] }
+const { data, pending } = await useAsyncData('routines', () => api<{ data: Routine[] }>('/api/routines'), { lazy: true })
+</script>
+
+<template>
+  <div class="space-y-4">
+    <div class="flex items-center justify-between">
+      <h1 class="text-2xl font-black tracking-tight">{{ t('nav.routines') }}</h1>
+      <UButton to="/routines/new" icon="i-lucide-plus" color="primary" size="sm" label="Nouvelle" />
+    </div>
+    <div v-if="pending && !data" class="flex justify-center py-16"><SfLogo :size="56" loader /></div>
+    <p v-else-if="!data?.data.length" class="text-center text-zinc-400 py-16">Aucune routine. Crée ta première !</p>
+    <div v-else class="space-y-2">
+      <UCard v-for="r in data.data" :key="r.id" :ui="{ body: 'p-3' }" class="cursor-pointer" @click="navigateTo(`/session/new?routine=${r.id}`)">
+        <div class="flex items-center justify-between">
+          <div>
+            <p class="font-semibold">{{ r.name }}</p>
+            <p class="text-xs text-zinc-500">{{ (r.exercises?.length ?? 0) }} exercices<span v-if="r.estimated_minutes"> · ~{{ r.estimated_minutes }} min</span></p>
+          </div>
+          <UIcon name="i-lucide-play" class="text-flame-500 size-5" />
+        </div>
+      </UCard>
+    </div>
+  </div>
+</template>

app/pages/routines/new.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+definePageMeta({ middleware: 'auth' })
+const { t } = useI18n()
+const { api } = useApi()
+const toast = useToast()
+
+const form = reactive({ name: '', description: '' })
+const saving = ref(false)
+
+async function save() {
+  saving.value = true
+  try {
+    await api('/api/routines', { method: 'POST', body: { name: form.name, description: form.description } })
+    await navigateTo('/routines')
+  } catch {
+    toast.add({ title: t('common.error'), color: 'error' })
+    saving.value = false
+  }
+}
+</script>
+
+<template>
+  <div class="space-y-4 max-w-md mx-auto">
+    <UButton to="/routines" icon="i-lucide-arrow-left" color="neutral" variant="ghost" :label="t('common.back')" />
+    <h1 class="text-2xl font-black tracking-tight">Nouvelle routine</h1>
+    <form class="space-y-4" @submit.prevent="save">
+      <UFormField label="Nom">
+        <UInput v-model="form.name" size="lg" class="w-full" required />
+      </UFormField>
+      <UFormField label="Description">
+        <UTextarea v-model="form.description" class="w-full" :rows="3" />
+      </UFormField>
+      <UButton type="submit" block size="lg" color="primary" class="font-bold" :loading="saving" :label="t('common.save')" />
+    </form>
+    <p class="text-xs text-zinc-400 text-center">Tu pourras ajouter des exercices ensuite depuis la routine.</p>
+  </div>
+</template>