feat: Vue 3 Basis mit TailwindCSS, PrimeVue, i18n und Dark/Light Mode

- 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

src/main.js

@@ -0,0 +1,34 @@
+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')