cinqcinqdev-seo 0.1.8 → 0.1.10

package/dist/runtime/pages/admin/branding.vue

@@ -0,0 +1,276 @@
+<script setup>
+import { ref, onMounted, useHead } from "#imports";
+import { useAdminBranding } from "#imports";
+useHead({ title: "Brand Management - Admin" });
+const { fetchBranding, saveBranding } = useAdminBranding();
+const viewMode = ref("docs");
+const activeTab = ref("visual");
+const saving = ref(false);
+const loading = ref(true);
+const brandingData = ref({
+  brand_name: "",
+  tagline: "",
+  logo_primary_url: "",
+  logo_secondary_url: "",
+  logo_icon_url: "",
+  logo_white_url: "",
+  color_primary: "#3B82F6",
+  color_secondary: "#60A5FA",
+  color_accent: "#2563EB",
+  color_text: "#1F2937",
+  color_background: "#FFFFFF",
+  font_heading: "Inter",
+  font_body: "Inter",
+  font_accent: "",
+  website_url: "",
+  brand_assets_url: "",
+  mission: "",
+  vision: "",
+  brand_story: "",
+  unique_value_proposition: "",
+  elevator_pitch: "",
+  voice_description: "",
+  target_audience: "",
+  brand_personality: ""
+});
+onMounted(async () => {
+  loading.value = true;
+  try {
+    const data = await fetchBranding();
+    if (data) brandingData.value = { ...brandingData.value, ...data };
+  } catch {
+  } finally {
+    loading.value = false;
+  }
+});
+const saveBrandingData = async () => {
+  saving.value = true;
+  try {
+    await saveBranding(brandingData.value);
+    alert("Branding enregistre avec succes!");
+  } catch {
+    alert("Erreur lors de l'enregistrement");
+  } finally {
+    saving.value = false;
+  }
+};
+</script>
+
+<template>
+  <AdminDashboardLayout>
+    <div class="max-w-7xl mx-auto px-6 md:px-10 py-10">
+      <div class="flex items-center justify-between mb-8">
+        <div>
+          <h1 class="text-4xl font-bold text-slate-900">Brand Management</h1>
+          <p class="text-slate-500 mt-1">Gerez l'identite visuelle et la voix de votre marque</p>
+        </div>
+        <div class="flex gap-3">
+          <div class="flex gap-2 bg-white p-1.5 rounded-xl border border-slate-200">
+            <button @click="viewMode = 'edit'" :class="[viewMode === 'edit' ? 'bg-blue-600 text-white' : 'text-slate-600 hover:bg-slate-50']" class="px-4 py-2 rounded-lg font-semibold text-sm transition-all flex items-center gap-2">
+              <Icon name="mdi:pencil" /> Edit
+            </button>
+            <button @click="viewMode = 'docs'" :class="[viewMode === 'docs' ? 'bg-blue-600 text-white' : 'text-slate-600 hover:bg-slate-50']" class="px-4 py-2 rounded-lg font-semibold text-sm transition-all flex items-center gap-2">
+              <Icon name="mdi:file-document" /> Docs
+            </button>
+          </div>
+          <button v-if="viewMode === 'edit'" @click="saveBrandingData" :disabled="saving" class="px-6 py-3 bg-blue-600 text-white rounded-xl font-semibold hover:bg-blue-700 shadow-lg disabled:opacity-50 flex items-center gap-2">
+            <Icon name="mdi:content-save" />
+            {{ saving ? "Enregistrement..." : "Enregistrer" }}
+          </button>
+        </div>
+      </div>
+
+      <!-- Docs View -->
+      <div v-if="viewMode === 'docs'" class="space-y-8">
+        <div class="bg-gradient-to-br from-blue-600 to-blue-800 rounded-3xl p-8 text-white shadow-2xl">
+          <div class="flex items-start justify-between mb-6">
+            <div>
+              <h2 class="text-3xl font-bold mb-2">{{ brandingData.brand_name || "Votre Marque" }}</h2>
+              <p class="text-blue-100 text-lg">{{ brandingData.tagline || "Votre tagline" }}</p>
+            </div>
+            <img v-if="brandingData.logo_primary_url" :src="brandingData.logo_primary_url" alt="Logo" class="h-16 w-auto bg-white p-2 rounded-xl" />
+          </div>
+          <div class="grid grid-cols-2 gap-6">
+            <div>
+              <h3 class="text-sm font-semibold text-blue-100 mb-2">Mission</h3>
+              <p class="text-white">{{ brandingData.mission || "Non definie" }}</p>
+            </div>
+            <div>
+              <h3 class="text-sm font-semibold text-blue-100 mb-2">Vision</h3>
+              <p class="text-white">{{ brandingData.vision || "Non definie" }}</p>
+            </div>
+          </div>
+        </div>
+
+        <div class="bg-white rounded-3xl p-8 border border-slate-200">
+          <h2 class="text-2xl font-bold text-slate-900 mb-6 flex items-center gap-2">
+            <Icon name="mdi:palette" class="text-blue-600" /> Palette de Couleurs
+          </h2>
+          <div class="grid grid-cols-5 gap-4">
+            <div v-for="[key, label] in [['color_primary', 'Primaire'], ['color_secondary', 'Secondaire'], ['color_accent', 'Accent'], ['color_text', 'Texte'], ['color_background', 'Fond']]" :key="key" class="text-center">
+              <div :style="{ backgroundColor: brandingData[key] }" class="w-full h-24 rounded-xl border-2 border-slate-200 shadow-sm"></div>
+              <p class="text-xs font-semibold text-slate-700 mt-2">{{ label }}</p>
+              <p class="text-xs text-slate-500 font-mono">{{ brandingData[key] }}</p>
+            </div>
+          </div>
+        </div>
+
+        <div class="bg-white rounded-3xl p-8 border border-slate-200">
+          <h2 class="text-2xl font-bold text-slate-900 mb-6 flex items-center gap-2">
+            <Icon name="mdi:microphone" class="text-blue-600" /> Voix & Messaging
+          </h2>
+          <div class="space-y-4">
+            <div v-if="brandingData.unique_value_proposition">
+              <h3 class="text-lg font-semibold text-slate-700 mb-1">Proposition de Valeur</h3>
+              <p class="text-slate-600">{{ brandingData.unique_value_proposition }}</p>
+            </div>
+            <div v-if="brandingData.elevator_pitch">
+              <h3 class="text-lg font-semibold text-slate-700 mb-1">Elevator Pitch</h3>
+              <p class="text-slate-600">{{ brandingData.elevator_pitch }}</p>
+            </div>
+            <div v-if="brandingData.voice_description">
+              <h3 class="text-lg font-semibold text-slate-700 mb-1">Voix de Marque</h3>
+              <p class="text-slate-600">{{ brandingData.voice_description }}</p>
+            </div>
+          </div>
+        </div>
+
+        <div class="bg-white rounded-3xl p-8 border border-slate-200">
+          <h2 class="text-2xl font-bold text-slate-900 mb-6 flex items-center gap-2">
+            <Icon name="mdi:link" class="text-blue-600" /> Ressources
+          </h2>
+          <div class="grid grid-cols-2 gap-4">
+            <a v-if="brandingData.website_url" :href="brandingData.website_url" target="_blank" class="flex items-center gap-3 p-4 bg-blue-50 border-2 border-blue-200 rounded-xl hover:bg-blue-100 transition-colors">
+              <Icon name="mdi:web" class="text-blue-600 text-xl" />
+              <div>
+                <p class="font-semibold text-slate-900">Site Web</p>
+                <p class="text-xs text-slate-600 truncate">{{ brandingData.website_url }}</p>
+              </div>
+            </a>
+            <a v-if="brandingData.brand_assets_url" :href="brandingData.brand_assets_url" target="_blank" class="flex items-center gap-3 p-4 bg-blue-50 border-2 border-blue-200 rounded-xl hover:bg-blue-100 transition-colors">
+              <Icon name="mdi:folder-image" class="text-blue-600 text-xl" />
+              <div>
+                <p class="font-semibold text-slate-900">Assets de Marque</p>
+                <p class="text-xs text-slate-600 truncate">{{ brandingData.brand_assets_url }}</p>
+              </div>
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <!-- Edit View -->
+      <div v-if="viewMode === 'edit'">
+        <div class="flex gap-2 bg-white p-2 rounded-2xl border border-slate-200 inline-flex mb-8">
+          <button @click="activeTab = 'visual'" :class="[activeTab === 'visual' ? 'bg-blue-600 text-white shadow-lg' : 'text-slate-600 hover:bg-slate-50']" class="px-5 py-2.5 rounded-xl font-semibold text-sm transition-all flex items-center gap-2">
+            <Icon name="mdi:palette" /> Identite Visuelle
+          </button>
+          <button @click="activeTab = 'voice'" :class="[activeTab === 'voice' ? 'bg-blue-600 text-white shadow-lg' : 'text-slate-600 hover:bg-slate-50']" class="px-5 py-2.5 rounded-xl font-semibold text-sm transition-all flex items-center gap-2">
+            <Icon name="mdi:microphone" /> Voix de Marque
+          </button>
+        </div>
+
+        <div v-if="activeTab === 'visual'" class="space-y-8">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
+            <h2 class="text-xl font-bold text-slate-900 mb-6">Informations de Base</h2>
+            <div class="grid grid-cols-2 gap-6">
+              <div>
+                <label class="block text-sm font-semibold text-slate-700 mb-2">Nom de la Marque</label>
+                <input v-model="brandingData.brand_name" type="text" class="w-full px-4 py-3 border-2 border-slate-200 rounded-xl focus:border-blue-500 focus:outline-none" />
+              </div>
+              <div>
+                <label class="block text-sm font-semibold text-slate-700 mb-2">Tagline</label>
+                <input v-model="brandingData.tagline" type="text" class="w-full px-4 py-3 border-2 border-slate-200 rounded-xl focus:border-blue-500 focus:outline-none" />
+              </div>
+            </div>
+          </div>
+
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
+            <h2 class="text-xl font-bold text-slate-900 mb-6">Logos (URLs)</h2>
+            <div class="grid grid-cols-2 gap-6">
+              <div v-for="[key, label] in [['logo_primary_url', 'Logo Principal'], ['logo_secondary_url', 'Logo Secondaire'], ['logo_icon_url', 'Icone'], ['logo_white_url', 'Logo Blanc']]" :key="key">
+                <label class="block text-sm font-semibold text-slate-700 mb-2">{{ label }}</label>
+                <div class="flex gap-2">
+                  <img v-if="brandingData[key]" :src="brandingData[key]" alt="" class="w-12 h-12 object-contain rounded-lg border border-slate-200" />
+                  <input v-model="brandingData[key]" type="url" placeholder="https://..." class="flex-1 px-4 py-3 border-2 border-slate-200 rounded-xl focus:border-blue-500 focus:outline-none" />
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
+            <h2 class="text-xl font-bold text-slate-900 mb-6">Palette de Couleurs</h2>
+            <div class="grid grid-cols-2 md:grid-cols-5 gap-6">
+              <div v-for="[key, label] in [['color_primary', 'Principale'], ['color_secondary', 'Secondaire'], ['color_accent', 'Accent'], ['color_text', 'Texte'], ['color_background', 'Fond']]" :key="key">
+                <label class="block text-sm font-semibold text-slate-700 mb-2">{{ label }}</label>
+                <div class="flex gap-2">
+                  <input v-model="brandingData[key]" type="color" class="w-12 h-12 border-2 border-slate-200 rounded-xl cursor-pointer flex-shrink-0" />
+                  <input v-model="brandingData[key]" type="text" class="flex-1 px-3 py-2 border-2 border-slate-200 rounded-xl text-sm" />
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
+            <h2 class="text-xl font-bold text-slate-900 mb-6">Typographie</h2>
+            <div class="grid grid-cols-3 gap-6">
+              <div v-for="[key, label] in [['font_heading', 'Police Titres'], ['font_body', 'Police Corps'], ['font_accent', 'Police Accent']]" :key="key">
+                <label class="block text-sm font-semibold text-slate-700 mb-2">{{ label }}</label>
+                <input v-model="brandingData[key]" type="text" class="w-full px-4 py-3 border-2 border-slate-200 rounded-xl focus:border-blue-500 focus:outline-none" />
+              </div>
+            </div>
+          </div>
+
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
+            <h2 class="text-xl font-bold text-slate-900 mb-6">Liens</h2>
+            <div class="grid grid-cols-2 gap-6">
+              <div>
+                <label class="block text-sm font-semibold text-slate-700 mb-2">Site Web</label>
+                <input v-model="brandingData.website_url" type="url" class="w-full px-4 py-3 border-2 border-slate-200 rounded-xl" placeholder="https://..." />
+              </div>
+              <div>
+                <label class="block text-sm font-semibold text-slate-700 mb-2">Assets de Marque</label>
+                <input v-model="brandingData.brand_assets_url" type="url" class="w-full px-4 py-3 border-2 border-slate-200 rounded-xl" placeholder="https://..." />
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div v-if="activeTab === 'voice'" class="space-y-8">
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
+            <h2 class="text-xl font-bold text-slate-900 mb-6">Identite de Base</h2>
+            <div class="space-y-6">
+              <div v-for="[key, label, ph] in [['mission', 'Mission', 'Pourquoi votre entreprise existe...'], ['vision', 'Vision', 'Ou vous voulez aller...'], ['brand_story', 'Histoire de la Marque', 'Racontez votre histoire...']]" :key="key">
+                <label class="block text-sm font-semibold text-slate-700 mb-2">{{ label }}</label>
+                <textarea v-model="brandingData[key]" rows="3" :placeholder="ph" class="w-full px-4 py-3 border-2 border-slate-200 rounded-xl focus:border-blue-500 focus:outline-none"></textarea>
+              </div>
+            </div>
+          </div>
+
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
+            <h2 class="text-xl font-bold text-slate-900 mb-6">Proposition de Valeur</h2>
+            <div class="space-y-6">
+              <div v-for="[key, label, ph] in [['unique_value_proposition', 'UVP', 'Ce qui vous differencie...'], ['elevator_pitch', 'Elevator Pitch', 'Votre pitch en 30 secondes...'], ['voice_description', 'Voix de Marque', 'Comment votre marque sonne...']]" :key="key">
+                <label class="block text-sm font-semibold text-slate-700 mb-2">{{ label }}</label>
+                <textarea v-model="brandingData[key]" rows="3" :placeholder="ph" class="w-full px-4 py-3 border-2 border-slate-200 rounded-xl focus:border-blue-500 focus:outline-none"></textarea>
+              </div>
+            </div>
+          </div>
+
+          <div class="bg-white rounded-3xl p-8 border border-slate-200">
+            <h2 class="text-xl font-bold text-slate-900 mb-6">Positionnement</h2>
+            <div class="grid grid-cols-2 gap-6">
+              <div>
+                <label class="block text-sm font-semibold text-slate-700 mb-2">Audience Cible</label>
+                <textarea v-model="brandingData.target_audience" rows="4" class="w-full px-4 py-3 border-2 border-slate-200 rounded-xl focus:border-blue-500 focus:outline-none" placeholder="Qui sont vos clients ideaux..."></textarea>
+              </div>
+              <div>
+                <label class="block text-sm font-semibold text-slate-700 mb-2">Personnalite de Marque</label>
+                <textarea v-model="brandingData.brand_personality" rows="4" class="w-full px-4 py-3 border-2 border-slate-200 rounded-xl focus:border-blue-500 focus:outline-none" placeholder="Si votre marque etait une personne..."></textarea>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </AdminDashboardLayout>
+</template>

package/dist/runtime/pages/admin/branding.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: any;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/pages/admin/calendar.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: any;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/pages/admin/calendar.vue

@@ -0,0 +1,169 @@
+<script setup>
+import { ref, onMounted, useHead } from "#imports";
+import { useAdminContent, useAdminPersonas } from "#imports";
+useHead({ title: "Calendrier Editorial - Admin" });
+const { fetchContent, createContent, updateContent } = useAdminContent();
+const { fetchPersonas } = useAdminPersonas();
+const allContents = ref([]);
+const personas = ref([]);
+const showModal = ref(false);
+const saving = ref(false);
+const editingContent = ref(null);
+const instagramTypes = ["Story", "Reel", "Carousel", "Post"];
+const defaultForm = () => ({
+  title: "",
+  platform: "LinkedIn",
+  content_type: "Post Social",
+  content: "",
+  persona_id: "",
+  persona_name: "",
+  status: "draft",
+  scheduled_date: "",
+  instagram_type: "",
+  content_url: ""
+});
+const formData = ref(defaultForm());
+const addContentToDay = (date) => {
+  editingContent.value = null;
+  formData.value = { ...defaultForm(), scheduled_date: date.toISOString().slice(0, 16) };
+  showModal.value = true;
+};
+const openEditModal = (content) => {
+  editingContent.value = content;
+  formData.value = { ...content, scheduled_date: content.scheduled_date ? new Date(content.scheduled_date).toISOString().slice(0, 16) : "" };
+  showModal.value = true;
+};
+const closeModal = () => {
+  showModal.value = false;
+  editingContent.value = null;
+  formData.value = defaultForm();
+};
+const updatePersonaName = () => {
+  const p = personas.value.find((p2) => p2.id === formData.value.persona_id);
+  formData.value.persona_name = p ? p.name : "";
+};
+const saveContent = async () => {
+  saving.value = true;
+  try {
+    const data = { ...formData.value };
+    if (data.scheduled_date) data.scheduled_date = new Date(data.scheduled_date).toISOString();
+    if (editingContent.value) {
+      await updateContent(editingContent.value.id, data);
+    } else {
+      await createContent(data);
+    }
+    allContents.value = await fetchContent();
+    closeModal();
+  } catch (e) {
+    console.error(e);
+    alert("Erreur lors de l'enregistrement");
+  } finally {
+    saving.value = false;
+  }
+};
+onMounted(async () => {
+  try {
+    const [c, p] = await Promise.all([fetchContent(), fetchPersonas()]);
+    allContents.value = c || [];
+    personas.value = p || [];
+  } catch {
+  }
+});
+</script>
+
+<template>
+  <AdminDashboardLayout>
+    <div class="max-w-7xl mx-auto px-6 md:px-10 py-10">
+      <div class="flex items-center justify-between mb-8">
+        <div>
+          <h1 class="text-4xl font-bold text-slate-900 mb-1">Calendrier Editorial</h1>
+          <p class="text-slate-500">Planifiez et gerez vos contenus</p>
+        </div>
+        <button @click="showModal = true" class="px-6 py-3 bg-blue-600 text-white rounded-2xl text-sm font-black uppercase hover:bg-blue-700 transition-all shadow-lg shadow-blue-200 flex items-center gap-2">
+          <Icon name="mdi:plus-circle" class="text-xl" />
+          Nouveau Contenu
+        </button>
+      </div>
+
+      <AdminContentCalendar
+        :contents="allContents"
+        @add-content="addContentToDay"
+        @edit-content="openEditModal"
+      />
+
+      <Teleport to="body">
+        <div v-if="showModal" class="fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4" @click.self="closeModal">
+          <div class="bg-white rounded-[2rem] shadow-2xl max-w-3xl w-full max-h-[90vh] overflow-y-auto">
+            <div class="p-8">
+              <div class="flex justify-between items-center mb-6">
+                <h2 class="text-2xl font-black text-slate-900">{{ editingContent ? "Modifier le Contenu" : "Nouveau Contenu" }}</h2>
+                <button @click="closeModal" class="w-10 h-10 bg-slate-100 hover:bg-slate-200 rounded-xl flex items-center justify-center transition-all">
+                  <Icon name="mdi:close" class="text-xl" />
+                </button>
+              </div>
+              <form @submit.prevent="saveContent" class="space-y-6">
+                <div class="space-y-2">
+                  <label class="text-[10px] font-black uppercase text-slate-400 ml-2">Titre *</label>
+                  <input v-model="formData.title" type="text" required class="w-full bg-slate-50 border-none rounded-2xl px-6 py-4 font-bold text-slate-900 placeholder:text-slate-400" placeholder="Titre du contenu" />
+                </div>
+                <div class="grid grid-cols-2 gap-6">
+                  <div class="space-y-2">
+                    <label class="text-[10px] font-black uppercase text-slate-400 ml-2">Plateforme</label>
+                    <select v-model="formData.platform" class="w-full bg-blue-50 border-none rounded-2xl px-6 py-4 font-bold text-blue-900 appearance-none">
+                      <option v-for="p in ['LinkedIn', 'Instagram', 'Facebook', 'Twitter', 'Email', 'Blog', 'YouTube', 'Website']" :key="p" :value="p">{{ p }}</option>
+                    </select>
+                  </div>
+                  <div class="space-y-2">
+                    <label class="text-[10px] font-black uppercase text-slate-400 ml-2">Type</label>
+                    <select v-model="formData.content_type" class="w-full bg-emerald-50 border-none rounded-2xl px-6 py-4 font-bold text-emerald-900 appearance-none">
+                      <option v-for="t in ['Post Social', 'Email', 'Article Blog', 'Script Video', 'Carousel', 'Newsletter']" :key="t" :value="t">{{ t }}</option>
+                    </select>
+                  </div>
+                </div>
+                <div v-if="formData.platform === 'Instagram'" class="space-y-2">
+                  <label class="text-[10px] font-black uppercase text-slate-400 ml-2">Type Instagram</label>
+                  <div class="grid grid-cols-4 gap-3">
+                    <button type="button" v-for="t in instagramTypes" :key="t" @click="formData.instagram_type = t"
+                            :class="[formData.instagram_type === t ? 'bg-pink-600 text-white shadow-lg' : 'bg-pink-50 text-pink-600 hover:bg-pink-100']"
+                            class="px-4 py-3 rounded-xl text-xs font-black uppercase transition-all">{{ t }}</button>
+                  </div>
+                </div>
+                <div class="space-y-2">
+                  <label class="text-[10px] font-black uppercase text-slate-400 ml-2">Date de publication *</label>
+                  <input v-model="formData.scheduled_date" type="datetime-local" required class="w-full bg-purple-50 border-2 border-purple-200 rounded-2xl px-6 py-4 font-bold text-purple-900" />
+                </div>
+                <div class="space-y-2">
+                  <label class="text-[10px] font-black uppercase text-slate-400 ml-2">Contenu *</label>
+                  <textarea v-model="formData.content" required rows="5" class="w-full bg-slate-50 border-none rounded-2xl px-6 py-4 font-medium text-slate-900 placeholder:text-slate-400 resize-none" placeholder="Contenu..."></textarea>
+                </div>
+                <div class="grid grid-cols-2 gap-6">
+                  <div class="space-y-2">
+                    <label class="text-[10px] font-black uppercase text-slate-400 ml-2">Persona</label>
+                    <select v-model="formData.persona_id" @change="updatePersonaName" class="w-full bg-slate-50 border-none rounded-2xl px-6 py-4 font-bold text-slate-600 appearance-none">
+                      <option value="">Generique / Tous</option>
+                      <option v-for="p in personas" :key="p.id" :value="p.id">{{ p.name }}</option>
+                    </select>
+                  </div>
+                  <div class="space-y-2">
+                    <label class="text-[10px] font-black uppercase text-slate-400 ml-2">Statut</label>
+                    <div class="flex gap-2 mt-2">
+                      <button type="button" v-for="s in [{ v: 'draft', l: 'Brouillon' }, { v: 'approved', l: 'Planifie' }, { v: 'published', l: 'Publie' }]" :key="s.v" @click="formData.status = s.v"
+                              :class="[formData.status === s.v ? 'bg-blue-500 text-white shadow-lg' : 'bg-slate-50 text-slate-400']"
+                              class="px-4 py-3 rounded-xl text-[10px] font-black uppercase flex-1 transition-all">{{ s.l }}</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="flex justify-end gap-4 pt-4 border-t border-slate-200">
+                  <button type="button" @click="closeModal" class="px-8 py-3 bg-slate-100 text-slate-700 rounded-xl font-bold hover:bg-slate-200 transition-all">Annuler</button>
+                  <button type="submit" :disabled="saving" class="px-8 py-3 bg-blue-600 text-white rounded-xl font-bold hover:bg-blue-700 transition-all shadow-lg shadow-blue-200 disabled:opacity-50">
+                    {{ saving ? "Enregistrement..." : editingContent ? "Mettre a jour" : "Creer" }}
+                  </button>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </Teleport>
+    </div>
+  </AdminDashboardLayout>
+</template>

package/dist/runtime/pages/admin/calendar.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: any;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/pages/admin/content-library.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: any;
+declare const _default: typeof __VLS_export;
+export default _default;