mirror of
https://github.com/shadoll/vancouver.git
synced 2026-08-28 11:33:14 +00:00
40 lines
1.3 KiB
Markdown
40 lines
1.3 KiB
Markdown
# Copilot Instructions
|
|
|
|
<!-- Use this file to provide workspace-specific custom instructions to Copilot. For more details, visit https://code.visualstudio.com/docs/copilot/copilot-customization#_use-a-githubcopilotinstructionsmd-file -->
|
|
|
|
This is a Svelte project with the following specifications:
|
|
|
|
## Tech Stack
|
|
- Svelte with Vite (no webpack)
|
|
- Docker/Podman for local development
|
|
- GitHub Actions for CI/CD and GitHub Pages deployment
|
|
- SPA Router for routing
|
|
- Lucide Svelte for icons
|
|
|
|
## Architecture
|
|
- Component-based architecture with reusable components
|
|
- Global styles and component-specific styles
|
|
- Multilanguage support with browser detection
|
|
- Theme switching (light/dark mode) with system detection
|
|
- Responsive design for mobile and desktop
|
|
- Local storage for user preferences
|
|
- Smooth animations and scroll effects
|
|
|
|
## Key Components
|
|
- Header (with language switcher and theme switcher)
|
|
- Footer
|
|
- LanguageSwitcher
|
|
- ThemeSwitcher
|
|
- Main content components
|
|
|
|
## Styling Guidelines
|
|
- Use CSS custom properties for theming
|
|
- Mobile-first responsive design
|
|
- Smooth transitions and animations
|
|
- Modern, clean design aesthetic
|
|
|
|
## State Management
|
|
- Use Svelte stores for global state
|
|
- Store user preferences (theme, language) in localStorage
|
|
- Detect browser language and system theme as defaults
|