minor: site footer, auth connextion, input w-full

wp-content/themes/moonshine/app/app.config.ts

@@ -9,5 +9,15 @@ export default defineAppConfig({
         base: "cursor-pointer",
       },
     },
+    input: {
+      slots: {
+        root: "w-full",
+      },
+    },
+    textarea: {
+      slots: {
+        root: "w-full",
+      },
+    },
   },
 });

wp-content/themes/moonshine/app/components/site/SiteFooterBottom.vue

@@ -6,7 +6,14 @@ const { connexionButton } = useAuthConnexion();
   <div class="bg-inverted py-1.5 text-inverted">
     <div class="container flex flex-col items-center gap-3 sm:flex-row">
       <SiteFooterCopyright class="sm:mr-auto" />
-      <UButton v-bind="connexionButton" color="neutral" variant="link" />
+      <AuthState>
+        <AcfLinkButton
+          :link="connexionButton.link"
+          :icon="connexionButton.icon"
+          color="neutral"
+          variant="link"
+        />
+      </AuthState>
       <SiteFooterCredits />
     </div>
   </div>

wp-content/themes/moonshine/app/composables/useAuthConnexion.ts

@@ -70,11 +70,13 @@ export function useAuthConnexion() {
     }
   }
 
-  // Dynamic connexion link
+  // Dynamic connexion link / icon
   const connexionButton = computed(() => ({
-    label: isLoggedIn.value ? "Déconnexion" : "Connexion",
+    link: parseAcfLink({
+      title: isLoggedIn.value ? "Déconnexion" : "Connexion",
+      url: "/connexion",
+    }),
     icon: isLoggedIn.value ? "i-lucide-log-out" : "i-lucide-log-in",
-    to: "/connexion",
   }));
 
   return { isRedirecting, login, logout, connexionButton };

wp-content/themes/moonshine/app/composables/useGeneralSettings.ts

@@ -4,5 +4,5 @@ export const useGeneralSettings = () =>
     {},
     {
       transform: ({ generalSettings }) => generalSettings,
-    },
+    }
   );

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

@@ -4,5 +4,5 @@ export const useSiteOptions = () =>
     {},
     {
       transform: ({ siteOptions }) => siteOptions?.groupSiteOptions,
-    },
+    }
   );