From 0cef9784d9367a1dcd7b72e97333bb9ae98386b1 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Fri, 17 Apr 2026 11:29:53 +0200
Subject: fix: refactor 404 page to use Alpine.data() pattern for proper
 function registration

---
 .../danix-xyz-hacker/assets/js/not-found-page.js   | 38 ++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 themes/danix-xyz-hacker/assets/js/not-found-page.js

(limited to 'themes/danix-xyz-hacker/assets/js')

diff --git a/themes/danix-xyz-hacker/assets/js/not-found-page.js b/themes/danix-xyz-hacker/assets/js/not-found-page.js
new file mode 100644
index 0000000..1590b75
--- /dev/null
+++ b/themes/danix-xyz-hacker/assets/js/not-found-page.js
@@ -0,0 +1,38 @@
+document.addEventListener('alpine:init', () => {
+  Alpine.data('notFoundPage', () => ({
+    showEasterEgg: false,
+    searchQuery: '',
+    filteredArticles: [],
+    allArticles: [],
+
+    init() {
+      // Initialize articles from window.articlesData if available
+      if (window.articlesData) {
+        this.allArticles = window.articlesData;
+      }
+    },
+
+    filterArticles(query) {
+      this.searchQuery = query.toLowerCase();
+      if (!this.searchQuery) {
+        this.filteredArticles = [];
+        return;
+      }
+      this.filteredArticles = this.allArticles.filter(article =>
+        article.title.toLowerCase().includes(this.searchQuery) ||
+        article.content.toLowerCase().includes(this.searchQuery)
+      ).slice(0, 5);
+    },
+
+    toggleEasterEgg() {
+      this.showEasterEgg = !this.showEasterEgg;
+    },
+
+    goToRandomArticle() {
+      if (this.allArticles.length > 0) {
+        const randomArticle = this.allArticles[Math.floor(Math.random() * this.allArticles.length)];
+        window.location.href = randomArticle.url;
+      }
+    }
+  }));
+});
-- 
cgit v1.2.3