Search command palette json

app/asset/app.js

@@ -94,7 +94,7 @@ document.addEventListener('alpine:init', () => {
     currentIndex: -1,
     init() {
       // Initialize data
-      fetch('sourceData.json')
+      fetch('./sourceData.json')
           .then(res => res.json())
           .then(data => this.data = data.data);
     },

app/asset/sourceData.json

@@ -0,0 +1,148 @@
+{
+  "data": [
+    {
+      "id": 1,
+      "page_url": "https://gigamaster.github.io/codemo/components/",
+      "page_title": "Components CSS and JavaScript",
+      "page_desc": "UI components include buttons, forms, menus, navigation bars, and modals",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 2,
+      "page_url": "https://gigamaster.github.io/codemo/components/alert/",
+      "page_title": "Alert component",
+      "page_desc": "Messages to users such as success or error messages",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 3,
+      "page_url": "https://gigamaster.github.io/codemo/components/animation/",
+      "page_title": "Animation component",
+      "page_desc": "Animate elements position and transform using keyframes",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 4,
+      "page_url": "https://gigamaster.github.io/codemo/components/button/",
+      "page_title": "Button Component",
+      "page_desc": "Style actions with animated buttons, micro-interactions",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 5,
+      "page_url": "https://gigamaster.github.io/codemo/components/card/",
+      "page_title": "Card Component",
+      "page_desc": "Visually rich alternative to enhance design layouts",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 6,
+      "page_url": "https://gigamaster.github.io/codemo/components/codeblock/",
+      "page_title": "Code blocks",
+      "page_desc": "Display formatted code snippets with syntax highlighting",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 7,
+      "page_url": "https://gigamaster.github.io/codemo/components/color/",
+      "page_title": "Components Color Schemes",
+      "page_desc": "Color palette generator to help design a user interface",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 8,
+      "page_url": "https://gigamaster.github.io/codemo/components/design-system/",
+      "page_title": "Design system",
+      "page_desc": "Collection of repeatable, reusable components and guidelines",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 9,
+      "page_url": "https://gigamaster.github.io/codemo/components/dropdown/",
+      "page_title": "Dropdown Component",
+      "page_desc": "Menu navigation element to display a list of choices",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 10,
+      "page_url": "https://gigamaster.github.io/codemo/components/form/",
+      "page_title": "Form elements",
+      "page_desc": "Optimize forms to gather information efficiently",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 11,
+      "page_url": "https://gigamaster.github.io/codemo/components/list/",
+      "page_title": "List Component",
+      "page_desc": "Examples of structured and organized items",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 12,
+      "page_url": "https://gigamaster.github.io/codemo/components/menu/",
+      "page_title": "Menu ",
+      "page_desc": "Interactive UI element such as an icon, button or text",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 13,
+      "page_url": "https://gigamaster.github.io/codemo/components/modal/",
+      "page_title": "Modal",
+      "page_desc": "Dialog UI pattern that pops up above the parent page",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 14,
+      "page_url": "https://gigamaster.github.io/codemo/components/navigation/",
+      "page_title": "Navigation",
+      "page_desc": "Patterns to help orient users, breadcrumbs, pagination, tags",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 15,
+      "page_url": "https://gigamaster.github.io/codemo/components/notification/",
+      "page_title": "Notification",
+      "page_desc": "Toast, inline, actionable, non-intrusive messages and updates",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 16,
+      "page_url": "https://gigamaster.github.io/codemo/components/panel/",
+      "page_title": "Panel",
+      "page_desc": "Side panel UI overlays that provide contextual app information",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 17,
+      "page_url": "https://gigamaster.github.io/codemo/components/report/",
+      "page_title": "Charts, Records, Reports",
+      "page_desc": "Feature-rich, interactive charts for exploring data over time",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    },
+    {
+      "id": 18,
+      "page_url": "https://gigamaster.github.io/codemo/components/typography/",
+      "page_title": "Typography",
+      "page_desc": "Legible, readable, and scalable fonts",
+      "page_cat": "components",
+      "page_icon": "icon-download"
+    }
+  ]
+}