@xenterprises/nuxt-x-marketing 1.4.5 → 1.4.7

package/CHANGELOG.md

@@ -30,6 +30,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   section and its sample product data were dropped with them. Every other section of the
   demo page is unchanged.
 
+## [1.4.7] - 2026-09-06
+
+### Fixed
+
+- `XXLegal` and `XFooterXLegal` show the X Enterprises logo as display-only (no link), matching the marketing page standard.
+
+## [1.4.6] - 2026-09-06
+
+### Added
+
+- Ships `app/error.vue`: branded 404 / 500 (and other status) page with marketing chrome (`XHeaderNav`, `XFooter`), plain copy, and a home CTA via `clearError({ redirect: "/" })`. Consumers override with their own `app/error.vue`.
+
 ## [1.4.5] - 2026-09-03
 
 ### Fixed

package/app/components/X/Footer/XLegal/index.vue

@@ -2,13 +2,12 @@
   <footer
     class="bg-gray-900 text-gray-400 text-xs relative overflow-visible pt-2"
   >
-    <a v-if="resolvedLogo.src" :href="resolvedLogo.href" target="_blank">
-      <img
-        :src="resolvedLogo.src"
-        :alt="resolvedLogo.alt"
-        class="h-6 w-6 mx-auto -mt-4 relative z-10"
-      />
-    </a>
+    <img
+      v-if="resolvedLogo.src"
+      :src="resolvedLogo.src"
+      :alt="resolvedLogo.alt"
+      class="h-6 w-6 mx-auto -mt-4 relative z-10"
+    />
     <div
       class="flex flex-col md:flex-row justify-between items-center px-6 pt-3 pb-5 max-w-screen-2xl mx-auto gap-4"
     >
@@ -43,7 +42,7 @@ const props = defineProps({
     type: Array,
     default: null,
   },
-  /** Logo object { src, alt, href } (defaults to X Enterprises logo) */
+  /** Logo object { src, alt } (defaults to X Enterprises logo). href is ignored; logo is display-only. */
   logo: {
     type: Object,
     default: null,

package/app/components/X/X/Legal/index.vue

@@ -2,13 +2,12 @@
 	<footer
 		class="bg-gray-900 text-gray-400 text-xs relative overflow-visible pt-2"
 	>
-		<a v-if="resolvedLogo.src" :href="resolvedLogo.href" target="_blank">
-			<img
-				:src="resolvedLogo.src"
-				:alt="resolvedLogo.alt"
-				class="h-6 w-6 mx-auto -mt-4 relative z-10"
-			/>
-		</a>
+		<img
+			v-if="resolvedLogo.src"
+			:src="resolvedLogo.src"
+			:alt="resolvedLogo.alt"
+			class="h-6 w-6 mx-auto -mt-4 relative z-10"
+		/>
 		<div
 			class="flex flex-col md:flex-row justify-between items-center px-6 pt-3 pb-5 max-w-screen-2xl mx-auto gap-4"
 		>
@@ -38,6 +37,7 @@
 /**
  * XXLegal — X Enterprises branded legal footer bar
  * Defaults to X Enterprises copyright, logo, and legal links.
+ * XE logo is display-only (no link), per marketing page standard.
  * Pass props to override any defaults for white-label use.
  */
 const props = defineProps({
@@ -51,7 +51,7 @@ const props = defineProps({
 		type: Array,
 		default: null,
 	},
-	/** Logo object { src, alt, href } (defaults to X Enterprises logo). Pass false to hide. */
+	/** Logo object { src, alt } (defaults to X Enterprises logo). Pass false to hide. href is ignored; logo is display-only. */
 	logo: {
 		type: [Object, Boolean],
 		default: null,

package/app/error.vue

@@ -0,0 +1,96 @@
+<template>
+  <div class="min-h-screen flex flex-col">
+    <XHeaderNav v-if="headerActive" />
+
+    <main class="flex-grow flex items-center">
+      <UApp>
+        <div class="w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 md:py-32">
+          <div class="max-w-xl">
+            <p class="xText-eyebrow text-primary-500 mb-4">
+              {{ codeLabel }}
+            </p>
+            <h1 class="xText-display xText-balance">
+              {{ title }}
+            </h1>
+            <p class="mt-6 text-xl text-neutral-600 dark:text-neutral-300">
+              {{ description }}
+            </p>
+            <div class="mt-10 flex flex-wrap gap-4">
+              <UButton size="xl" color="primary" @click="goHome">
+                Back home
+              </UButton>
+              <UButton
+                v-if="isServerError"
+                size="xl"
+                color="neutral"
+                variant="outline"
+                @click="goHome"
+              >
+                Try again
+              </UButton>
+            </div>
+          </div>
+        </div>
+      </UApp>
+    </main>
+
+    <XFooter v-if="footerActive" />
+  </div>
+</template>
+
+<script setup>
+/**
+ * Layer default error page for 404 / 500 (and other status codes).
+ * Replaces Nuxt's stock error UI. Consumers override with their own app/error.vue.
+ * error.vue is a full app replacement (not wrapped by app.vue), so chrome is inlined.
+ */
+const props = defineProps({
+  error: {
+    type: Object,
+    required: true,
+  },
+});
+
+const appConfig = useAppConfig();
+const xMarketing = appConfig?.xMarketing;
+
+const headerActive = computed(() => xMarketing?.header?.active !== false);
+const footerActive = computed(() => xMarketing?.footer?.active !== false);
+
+const status = computed(() => {
+  const code = props.error?.statusCode ?? props.error?.status;
+  return typeof code === "number" ? code : Number(code) || 500;
+});
+
+const isNotFound = computed(() => status.value === 404);
+const isServerError = computed(() => status.value >= 500);
+
+const codeLabel = computed(() => String(status.value));
+
+const title = computed(() => {
+  if (isNotFound.value) return "Page not found";
+  if (isServerError.value) return "Something broke";
+  return "Something went wrong";
+});
+
+const description = computed(() => {
+  if (isNotFound.value) {
+    return "That page is gone, or the link is wrong.";
+  }
+  if (isServerError.value) {
+    return "We hit a problem on our side. Try again in a minute.";
+  }
+  return props.error?.statusMessage || props.error?.message || "Please try again.";
+});
+
+const siteName = computed(() => xMarketing?.name);
+
+useSeoMeta({
+  title: () => (siteName.value ? `${title.value} | ${siteName.value}` : title.value),
+  robots: "noindex",
+});
+
+function goHome() {
+  clearError({ redirect: "/" });
+}
+</script>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@xenterprises/nuxt-x-marketing",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
-  "version": "1.4.5",
+  "version": "1.4.7",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",