fix: simplify Alpine.js component initialization by loading articles data directly

diff --git a/themes/danix-xyz-hacker/assets/js/not-found-page.js b/themes/danix-xyz-hacker/assets/js/not-found-page.js
index 1590b7583708c97adc105e53bb48ef234e8619d8..ec427080fec50981b42a01449ee4192529345118 100644 (file)
--- a/themes/danix-xyz-hacker/assets/js/not-found-page.js
+++ b/themes/danix-xyz-hacker/assets/js/not-found-page.js
@@ -3,14 +3,7 @@ document.addEventListener('alpine:init', () => {
     showEasterEgg: false,
     searchQuery: '',
     filteredArticles: [],
-    allArticles: [],
-
-    init() {
-      // Initialize articles from window.articlesData if available
-      if (window.articlesData) {
-        this.allArticles = window.articlesData;
-      }
-    },
+    allArticles: window.articlesData || [],
 
     filterArticles(query) {
       this.searchQuery = query.toLowerCase();

diff --git a/themes/danix-xyz-hacker/layouts/404.html b/themes/danix-xyz-hacker/layouts/404.html
index 9d5fb6882b5a8356bc63b2a5cd37172c7c649114..16cbb2288b99aca2316def2619229ee9c1075f27 100644 (file)
--- a/themes/danix-xyz-hacker/layouts/404.html
+++ b/themes/danix-xyz-hacker/layouts/404.html
@@ -15,7 +15,7 @@ window.articlesData = [
 </script>
 
 <main class="min-h-screen px-4 py-12">
-  <div class="mx-auto px-4 py-12 max-w-4xl border border-border glow-accent rounded-lg bg-bg p-8" x-data="notFoundPage()" x-init="init()">
+  <div class="mx-auto px-4 py-12 max-w-4xl border border-border glow-accent rounded-lg bg-bg p-8" x-data="notFoundPage()">
     <div class="text-center">
     <!-- 404 Heading -->
     <h1 class="text-7xl md:text-8xl font-bold text-accent mb-4 animate-fade-in">