⚙️ Configuration Overview
Welcome to the Vue Quotes configuration guide! Here you'll learn how to customize every aspect of your application.
📁 Configuration File Structure
All configuration is managed through /src/data/data.ts. The file exports several objects:
ts
// Basic Settings
export const generals: GeneralsSchema = { ... }
// Quote Badges
export const badges: BadgeSchema[] = [ ... ]
// Content
export const phrases: PhraseSchema[] = [ ... ]
// Buttons UI
export const buttons: ButtonsSchema = { ... }
// Internationalization
export const languages: LanguageSchema[] = [ ... ]
// Search Features
export const search: SearchSchema = { ... }
// Visual Themes
export const themes: ThemeSchema = { ... }It is also possible to config metadata and SEO in corresponding sections of index.html.
🗺️ Configuration Sections
Core Settings
- 🎯 Generals
- Basic application configuration
- Core functionality settings
Content & Data
- 📝 Metadata
- SEO optimization
- Meta information
- 🏷️ Badges
- Quote categorization
- Visual indicators
- 💭 Phrases
- Quote management
- Content structure
User Interface
Features
🚀 Getting Started
- Choose the section you want to customize
- Follow the configuration examples
- Apply your changes
- Test the results