feat: Initial Nuxt app

wp-content/themes/ccat/app/composables/useLogin.ts

@@ -0,0 +1,48 @@
+import type { FormSubmitEvent } from "@nuxt/ui";
+import * as z from "zod";
+
+const loginSchema = z.object({
+  email: z.email("Courriel invalide"),
+  password: z.string("Veuillez saisir votre mot de passe"),
+});
+type LoginSchema = z.infer<typeof loginSchema>;
+
+const loginFields = [
+  {
+    name: "email",
+    type: "text" as const,
+    label: "Courriel",
+    placeholder: "Entrez votre courriel",
+    required: true,
+  }, {
+    name: "password",
+    label: "Mot de passe",
+    type: "password" as const,
+    placeholder: "Entrez votre mot de passe",
+    required: true,
+  },
+];
+
+export function useLogin() {
+  const toast = useToast();
+  const redirect = useRoute().query.redirect as string || "/";
+  const router = useRouter();
+  const { fetch: refreshUserSession } = useUserSession();
+
+  async function onLoginSubmit({ data }: FormSubmitEvent<LoginSchema>) {
+    try {
+      const result = await $fetch<{ success: boolean; message?: string }>("/api/login", { method: "POST", body: data });
+      if (!result.success) {
+        throw new Error(result.message || "Une erreur est survenue.");
+      }
+      await router.push(redirect);
+      await refreshUserSession();
+    }
+    catch (error) {
+      const message = error instanceof Error ? error.message : "Une erreur est survenue.";
+      toast.add({ title: "Échec de la connexion", description: message, color: "error" });
+    }
+  }
+
+  return { loginSchema, loginFields, onLoginSubmit };
+}

wp-content/themes/ccat/app/composables/useLogout.ts

@@ -0,0 +1,23 @@
+export function useLogout() {
+  const toast = useToast();
+  const redirect = useRoute().query.redirect as string || "/";
+  const router = useRouter();
+  const { fetch: refreshUserSession } = useUserSession();
+
+  async function onLogoutClick() {
+    try {
+      const result = await $fetch("/api/logout", { method: "POST" });
+      if (!result.success) {
+        throw new Error("Une erreur est survenue.");
+      }
+      await router.push(redirect);
+      await refreshUserSession();
+    }
+    catch (error) {
+      const message = error instanceof Error ? error.message : "Une erreur est survenue.";
+      toast.add({ title: "Échec de la déconnexion", description: message, color: "error" });
+    }
+  }
+
+  return { onLogoutClick };
+}

wp-content/themes/ccat/app/composables/useMenuItems.gql

@@ -0,0 +1,19 @@
+fragment MenuItem on MenuItem {
+  id
+  label
+  to: path
+  target
+}
+
+query menuItems($location: MenuLocationEnum!) {
+  menuItems(where: {location: $location, parentDatabaseId: 0}) {
+    nodes {
+      ...MenuItem
+      childItems {
+        nodes {
+          ...MenuItem
+        }
+      }
+    }
+  }
+}

wp-content/themes/ccat/app/composables/useMenuItems.ts

@@ -0,0 +1,14 @@
+import type { MenuLocationEnum } from "#graphql-operations";
+import type { NavigationMenuItem } from "@nuxt/ui";
+
+export async function useMenuItems(location: MenuLocationEnum) {
+  const { data } = await useAsyncGraphqlQuery("menuItems", { location }, { graphqlCaching: { client: true } });
+  if (data.value?.errors?.length) {
+    throw createError({ statusCode: 500, message: "Erreur lors de la récupération des éléments de menu" });
+  }
+  const menuItems: NavigationMenuItem[] = (data.value?.data.menuItems?.nodes || []).map(({ childItems, ...menuItem }) => ({
+    ...menuItem,
+    children: childItems?.nodes || [],
+  }));
+  return { menuItems };
+}

wp-content/themes/ccat/app/composables/useResponsive.ts

@@ -0,0 +1,11 @@
+import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
+
+export function useResponsive() {
+  const { isMobileOrTablet } = useDevice();
+  const breakpoints = useBreakpoints(breakpointsTailwind, { ssrWidth: isMobileOrTablet ? 375 : 1024 });
+
+  return {
+    breakpoints,
+    isDesktop: breakpoints.greaterOrEqual("lg"),
+  };
+}

wp-content/themes/ccat/app/composables/useSiteOptions.gql

@@ -0,0 +1,13 @@
+fragment SiteOptions on Ccat {
+  profiles {
+    url
+  }
+}
+
+query siteOptions {
+  siteOptions {
+    ccat {
+      ...SiteOptions
+    }
+  }
+}

wp-content/themes/ccat/app/composables/useSiteOptions.ts

@@ -0,0 +1,7 @@
+export async function useSiteOptions() {
+  const { data } = await useAsyncGraphqlQuery("siteOptions", {}, { graphqlCaching: { client: true } });
+  if (data.value?.errors?.length || !data.value?.data.siteOptions?.ccat) {
+    throw createError({ statusCode: 500, message: "Erreur lors de la récupération des options du site" });
+  }
+  return { ...data.value?.data.siteOptions?.ccat };
+}