feat: scaffold initial Cheatsheet Hub application

This commit establishes the foundational structure for the Cheatsheet Hub project.

It includes the setup of a Vue 3, Vite, and TailwindCSS stack, along with core application features:

- **Routing:** Configures `vue-router` for Home, Cheatsheet List, and Cheatsheet Detail pages.
- **State Management:** Implements a `pinia` store for theme management (dark/light mode) and mock data.
- **UI Components:** Adds reusable components like `NavBar`, `CheatsheetCard`, and `PrintButton`.
- **Styling:** Integrates TailwindCSS with custom base styles, dark mode support, and print-friendly optimizations.
- **Dependencies:** Adds key libraries including `marked` for content rendering.
This commit is contained in:
xiaomai
2025-09-17 18:03:45 +08:00
parent 7ea9a3c8f9
commit 3058f251bc
18 changed files with 7507 additions and 35 deletions

24
tailwind.config.js Normal file
View File

@@ -0,0 +1,24 @@
// tailwind.config.js
export default {
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
theme: {
extend: {
colors: {
primary: {
50: '#eff6ff',
100: '#dbeafe',
200: '#bfdbfe',
300: '#93c5fd',
400: '#60a5fa',
500: '#3b82f6',
600: '#2563eb', // This defines bg-primary-600
700: '#1d4ed8',
800: '#1e40af',
900: '#1e3a8a',
},
},
},
},
plugins: [],
darkMode: 'class',
}