- Vue 3 + Vite Setup - TailwindCSS mit Dark Mode Support - PrimeVue 4 mit Aura Theme - vue-i18n (Deutsch/Englisch) - Vue Router + Pinia - Responsive Navbar mit Theme Toggle & Language Switcher
35 lines
724 B
JavaScript
35 lines
724 B
JavaScript
import { createApp } from 'vue'
|
|
import { createPinia } from 'pinia'
|
|
import { createI18n } from 'vue-i18n'
|
|
import PrimeVue from 'primevue/config'
|
|
import Aura from '@primevue/themes/aura'
|
|
import 'primeicons/primeicons.css'
|
|
import './style.css'
|
|
import App from './App.vue'
|
|
import router from './router'
|
|
import de from './locales/de.json'
|
|
import en from './locales/en.json'
|
|
|
|
const i18n = createI18n({
|
|
legacy: false,
|
|
locale: localStorage.getItem('locale') || 'de',
|
|
fallbackLocale: 'en',
|
|
messages: { de, en }
|
|
})
|
|
|
|
const app = createApp(App)
|
|
|
|
app.use(createPinia())
|
|
app.use(router)
|
|
app.use(i18n)
|
|
app.use(PrimeVue, {
|
|
theme: {
|
|
preset: Aura,
|
|
options: {
|
|
darkModeSelector: '.dark'
|
|
}
|
|
}
|
|
})
|
|
|
|
app.mount('#app')
|