Implement routing and improve app data management

- Integrated svelte-spa-router for navigation between Home and Preview pages.
- Refactored App.svelte to manage global app data and handle search queries, compact mode, and view mode changes.
- Updated Grid and List components to navigate to the Preview page instead of using modals.
- Created Home.svelte to serve as the main page, utilizing global app data for rendering.
- Enhanced Preview.svelte to fetch logos and display the selected logo based on URL parameters.
- Improved data handling and reactivity across components, ensuring UI updates reflect changes in global state.
- Added logging for better debugging and tracking of state changes.
This commit is contained in:
sHa
2025-05-15 10:32:15 +03:00
parent 8fb057324e
commit d30e2f9e0b
12 changed files with 805 additions and 350 deletions

View File

@@ -7,8 +7,7 @@
"dev": "rollup -c -w",
"start": "sirv public --host 0.0.0.0 --dev --single",
"scan-logos": "node scripts/scanLogos.js",
"generate-favicons": "node scripts/generateFavicons.js",
"convert-colors": "node scripts/convertColorsFormat.js"
"generate-favicons": "node scripts/generateFavicons.js"
},
"devDependencies": {
"@rollup/plugin-commonjs": "^17.0.0",
@@ -23,6 +22,7 @@
"dependencies": {
"@resvg/resvg-js": "^2.0.1",
"jimp": "^0.22.10",
"sirv-cli": "^1.0.0"
"sirv-cli": "^1.0.0",
"svelte-spa-router": "^3.3.0"
}
}