@xenterprises/nuxt-x-marketing 1.4.14 → 1.4.15

package/CHANGELOG.md

@@ -30,6 +30,12 @@ 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.15] - 2026-10-12
+
+### Fixed
+
+- Scroll reveal never initialized from the global `marketing.client.ts` plugin. `useScrollReveal()` returned a no-op stub outside a component instance, so `.xFadeUp` / `.xFadeIn` / `[data-reveal]` content (including hero text) stayed at opacity 0. The composable now returns working `initScrollReveal` / `cleanup` outside components (lifecycle hooks are still only registered inside one), and the plugin runs it on `page:finish`, re-scanning on every client navigation. Consumers who added an `app.vue` workaround can remove it.
+
 ## [1.4.14] - 2026-09-06
 
 ### Added

package/app/composables/useScrollReveal.js

@@ -9,9 +9,9 @@
  * - .xFadeUp-stagger for staggered child animations
  */
 export const useScrollReveal = (options = {}) => {
-  // Only register lifecycle hooks when inside a component instance
+  // Lifecycle hooks are only registered inside a component instance.
+  // Outside one (e.g. a plugin) the caller drives initScrollReveal/cleanup itself.
   const instance = getCurrentInstance();
-  if (!instance) return { initScrollReveal: () => {}, cleanup: () => {} };
 
   const defaultOptions = {
     threshold: 0.15,
@@ -33,7 +33,8 @@ export const useScrollReveal = (options = {}) => {
   ].join(', ');
 
   const initScrollReveal = () => {
-    if (import.meta.client) {
+    if (import.meta.client && typeof IntersectionObserver !== 'undefined') {
+      if (observer.value) observer.value.disconnect();
       observer.value = new IntersectionObserver((entries) => {
         entries.forEach((entry) => {
           if (entry.isIntersecting) {
@@ -62,7 +63,7 @@ export const useScrollReveal = (options = {}) => {
     }
   };
 
-  if (import.meta.client) {
+  if (import.meta.client && instance) {
     onMounted(() => {
       // Small delay to ensure DOM is ready
       setTimeout(initScrollReveal, 100);

package/app/plugins/marketing.client.ts

@@ -4,9 +4,15 @@
  *
  * From spec-prompt.md specification
  */
-export default defineNuxtPlugin(() => {
-  // Initialize scroll reveal globally
-  useScrollReveal();
+export default defineNuxtPlugin((nuxtApp) => {
+  // Initialize scroll reveal globally. A plugin has no component instance,
+  // so drive the observer from page lifecycle hooks: initial hydration and
+  // every client-side navigation re-scan the DOM for reveal elements.
+  const { initScrollReveal, cleanup } = useScrollReveal();
+  nuxtApp.hook('page:finish', () => {
+    cleanup();
+    nextTick(() => setTimeout(initScrollReveal, 100));
+  });
 
   // Initialize parallax globally
   useParallax();

package/package.json

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