Add command palette with smart usage tracking and content search

- Implement keyboard shortcut (Cmd/Ctrl+K) to open command palette
- Add smart ranking algorithm (70% frequency + 30% recency)
- Track both route navigation and content (movies/shows) usage
- Support parameter input for dynamic routes (e.g., /movie/:id)
- Add query parameter support for search routes
- Integrate ElasticSearch fallback for content search
- Include rate limiting and error handling for API calls
- Store usage data in localStorage (commandPalette_stats)
- Auto-scroll selected items into view with keyboard navigation
This commit is contained in:
2026-02-27 18:43:38 +01:00
parent c390fcba47
commit 5bcdcd6568
4 changed files with 948 additions and 3 deletions

View File

@@ -14,6 +14,9 @@
<popup />
<darkmode-toggle />
<!-- Command Palette -->
<command-palette />
</div>
</template>
@@ -23,6 +26,7 @@
import NavigationIcons from "@/components/header/NavigationIcons.vue";
import Popup from "@/components/Popup.vue";
import DarkmodeToggle from "@/components/ui/DarkmodeToggle.vue";
import CommandPalette from "@/components/ui/CommandPalette.vue";
const router = useRouter();
</script>
@@ -61,7 +65,6 @@
grid-column: 2 / 3;
width: calc(100% - var(--header-size));
grid-row: 2;
z-index: 5;
@include mobile {
grid-column: 1 / 3;