favorites improved

.gitignore

@@ -13,6 +13,7 @@ dist-ssr
 *.local
 .manual/
 htmlTest/
+scripts/
 .vscode/
 bun.lockb
 tsconfig.tsbuildinfo

package.json

@@ -4,13 +4,14 @@
     "author": "Alexy-OS",
     "repository": "https://github.com/alexy-os/vue-shadcn-starter",
     "license": "MIT",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "private": true,
     "scripts": {
         "dev": "vite",
         "build": "vue-tsc --noEmit && vite build",
         "preview": "vite preview",
-        "build:prod": "vue-tsc --noEmit && vite build --mode production"
+        "build:prod": "vue-tsc --noEmit && vite build --mode production",
+        "collect": "bun src/scripts/collect-sections.ts"
     },
     "type": "module",
     "dependencies": {
@@ -27,13 +28,15 @@
         "vue-router": "^4.4.5"
     },
     "devDependencies": {
-        "@vitejs/plugin-vue": "^5.1.4",
+        "@vitejs/plugin-vue": "^5.2.1",
+        "@vue/compiler-sfc": "^3.5.13",
         "autoprefixer": "^10.4.20",
         "bun-types": "^1.1.34",
+        "happy-dom": "^15.11.7",
         "tailwindcss": "^3.4.14",
         "terser": "^5.36.0",
         "typescript": "^5.6.3",
-        "vite": "^5.4.10",
+        "vite": "^6.0.1",
         "vue-tsc": "^2.1.8"
     }
 }

public/api/pages/blog-base.json

@@ -0,0 +1,9 @@
+{
+  "blocks": {
+    "building_modern_web_applications": {
+      "id": "building_modern_web_applications",
+      "title": "Building Modern Web Applications",
+      "content": "<section class=\"relative w-full\"><div class=\"relative w-full grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-4 min-h-[50vh]\"><div class=\"group relative overflow-hidden rounded-lg border-glow shadow hover:shadow-xl transition-all\"><div class=\"overflow-hidden h-full aspect-video w-full\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" class=\"h-full w-full object-cover transition-transform duration-300 group-hover:scale-105 dark:hidden\" alt=\"Building Modern Web Applications\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" class=\"hidden h-full w-full object-cover transition-transform duration-300 group-hover:scale-105 dark:block\" alt=\"Building Modern Web Applications\"></div><div class=\"flex flex-col absolute inset-0 bg-gradient-to-t from-black/90 via-black/45 to-black/10 p-6\"><div class=\"mb-2 flex items-center gap-2 mt-auto\"><div class=\"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary hover:bg-secondary/80 text-black dark:text-white\">Development</div><span class=\"text-sm text-white/80\">2024-03-15</span></div><h3 class=\"text-xl font-semibold text-white group-hover:text-primary\">Building Modern Web Applications</h3><p class=\"mt-2 text-white/90\">Learn how to create scalable and maintainable web applications using the latest technologies.</p><a href=\"#\" class=\"mt-4 inline-flex items-center text-sm font-medium text-primary hover:text-white hover:underline\"> Read more <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-1 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"></path></svg></a></div></div><div class=\"group relative overflow-hidden rounded-lg border-glow shadow hover:shadow-xl transition-all\"><div class=\"overflow-hidden h-full aspect-video w-full\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" class=\"h-full w-full object-cover transition-transform duration-300 group-hover:scale-105 dark:hidden\" alt=\"The Future of AI\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" class=\"hidden h-full w-full object-cover transition-transform duration-300 group-hover:scale-105 dark:block\" alt=\"The Future of AI\"></div><div class=\"flex flex-col absolute inset-0 bg-gradient-to-t from-black/90 via-black/45 to-black/10 p-6\"><div class=\"mb-2 flex items-center gap-2 mt-auto\"><div class=\"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary hover:bg-secondary/80 text-black dark:text-white\">Technology</div><span class=\"text-sm text-white/80\">2024-03-14</span></div><h3 class=\"text-xl font-semibold text-white group-hover:text-primary\">The Future of AI</h3><p class=\"mt-2 text-white/90\">Exploring the latest advancements in artificial intelligence and machine learning.</p><a href=\"#\" class=\"mt-4 inline-flex items-center text-sm font-medium text-primary hover:text-white hover:underline\"> Read more <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-1 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"></path></svg></a></div></div><div class=\"group relative overflow-hidden rounded-lg border-glow shadow hover:shadow-xl transition-all\"><div class=\"overflow-hidden h-full aspect-video w-full\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" class=\"h-full w-full object-cover transition-transform duration-300 group-hover:scale-105 dark:hidden\" alt=\"Design Systems Evolution\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" class=\"hidden h-full w-full object-cover transition-transform duration-300 group-hover:scale-105 dark:block\" alt=\"Design Systems Evolution\"></div><div class=\"flex flex-col absolute inset-0 bg-gradient-to-t from-black/90 via-black/45 to-black/10 p-6\"><div class=\"mb-2 flex items-center gap-2 mt-auto\"><div class=\"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary hover:bg-secondary/80 text-black dark:text-white\">Design</div><span class=\"text-sm text-white/80\">2024-03-13</span></div><h3 class=\"text-xl font-semibold text-white group-hover:text-primary\">Design Systems Evolution</h3><p class=\"mt-2 text-white/90\">How design systems are changing the way we build and maintain user interfaces.</p><a href=\"#\" class=\"mt-4 inline-flex items-center text-sm font-medium text-primary hover:text-white hover:underline\"> Read more <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-1 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"></path></svg></a></div></div><div class=\"group relative overflow-hidden rounded-lg border-glow shadow hover:shadow-xl transition-all\"><div class=\"overflow-hidden h-full aspect-video w-full\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" class=\"h-full w-full object-cover transition-transform duration-300 group-hover:scale-105 dark:hidden\" alt=\"The Future of Web Development\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" class=\"hidden h-full w-full object-cover transition-transform duration-300 group-hover:scale-105 dark:block\" alt=\"The Future of Web Development\"></div><div class=\"flex flex-col absolute inset-0 bg-gradient-to-t from-black/90 via-black/45 to-black/10 p-6\"><div class=\"mb-2 flex items-center gap-2 mt-auto\"><div class=\"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-secondary hover:bg-secondary/80 text-black dark:text-white\">Development</div><span class=\"text-sm text-white/80\">2024-03-12</span></div><h3 class=\"text-xl font-semibold text-white group-hover:text-primary\">The Future of Web Development</h3><p class=\"mt-2 text-white/90\">Exploring the latest trends in web development and where it is going.</p><a href=\"#\" class=\"mt-4 inline-flex items-center text-sm font-medium text-primary hover:text-white hover:underline\"> Read more <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-1 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"></path></svg></a></div></div></div></section>"
+    }
+  }
+}

public/api/pages/blog-lists.json

@@ -0,0 +1,9 @@
+{
+  "blocks": {
+    "building_modern_web_applications": {
+      "id": "building_modern_web_applications",
+      "title": "Building Modern Web Applications",
+      "content": "<section class=\"relative w-full\"><div class=\"relative w-full grid gap-6 grid-cols-1 md:grid-cols-2 m\"><a href=\"#\" class=\"group grid grid-rows-[auto_1fr] sm:grid-rows-1 sm:grid-cols-[auto_1fr] gap-4 sm:gap-6 transition-all overflow-hidden rounded-xl border-glow-animated shadow-sm hover:shadow-lg p-4 md:p-6\"><div class=\"relative overflow-hidden h-44 sm:w-56 flex-shrink-0 rounded-lg\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" alt=\"Building Modern Web Applications\" class=\"absolute inset-0 w-full object-cover transition-transform duration-300 group-hover:scale-105 aspect-square rounded-lg dark:hidden\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" alt=\"Building Modern Web Applications\" class=\"absolute inset-0 w-full object-cover transition-transform duration-300 group-hover:scale-105 aspect-square rounded-lg hidden dark:block\"></div><div class=\"flex flex-col min-h-0\"><div class=\"mb-2 flex items-center gap-2\"><div class=\"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground\" size=\"sm\">Development</div><span class=\"text-sm text-muted-foreground\">2024-03-15</span></div><h3 class=\"text-xl font-semibold text-foreground group-hover:text-primary\">Building Modern Web Applications</h3><p class=\"mt-2 text-muted-foreground line-clamp-2\">Learn how to create scalable and maintainable web applications using the latest technologies.</p><div class=\"mt-4 flex items-center text-primary\"> Read more <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-1 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"></path></svg></div></div></a><a href=\"#\" class=\"group grid grid-rows-[auto_1fr] sm:grid-rows-1 sm:grid-cols-[auto_1fr] gap-4 sm:gap-6 transition-all overflow-hidden rounded-xl border-glow-animated shadow-sm hover:shadow-lg p-4 md:p-6\"><div class=\"relative overflow-hidden h-44 sm:w-56 flex-shrink-0 rounded-lg\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" alt=\"The Future of AI\" class=\"absolute inset-0 w-full object-cover transition-transform duration-300 group-hover:scale-105 aspect-square rounded-lg dark:hidden\"><img src=\"https://images.unsplash.com/photo-1542125387-c71274d94f0a?ixlib=rb-4.0.3&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=560&amp;q=80\" alt=\"The Future of AI\" class=\"absolute inset-0 w-full object-cover transition-transform duration-300 group-hover:scale-105 aspect-square rounded-lg hidden dark:block\"></div><div class=\"flex flex-col min-h-0\"><div class=\"mb-2 flex items-center gap-2\"><div class=\"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 text-foreground\" size=\"sm\">Technology</div><span class=\"text-sm text-muted-foreground\">2024-03-14</span></div><h3 class=\"text-xl font-semibold text-foreground group-hover:text-primary\">The Future of AI</h3><p class=\"mt-2 text-muted-foreground line-clamp-2\">Exploring the latest advancements in artificial intelligence and machine learning.</p><div class=\"mt-4 flex items-center text-primary\"> Read more <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-1 h-4 w-4\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"></path></svg></div></div></a></div></section>"
+    }
+  }
+}