Basic stuff for new laravel container

2026-01-30 02:24:08 +01:00
parent a8d9eacf48
commit 825af15962
68 changed files with 13734 additions and 1 deletions
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -0,0 +1,11 @@
+@import 'tailwindcss';
+
+@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
+@source '../../storage/framework/views/*.php';
+@source '../**/*.blade.php';
+@source '../**/*.js';
+
+@theme {
+    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+        'Segoe UI Symbol', 'Noto Color Emoji';
+}
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -0,0 +1,47 @@
+// resources/js/app.js
+import { createApp, h } from 'vue'
+import { createInertiaApp } from '@inertiajs/vue3'
+import { InertiaProgress } from '@inertiajs/progress'
+import Vue3Toastify, { toast } from 'vue3-toastify'
+import 'vue3-toastify/dist/index.css'
+
+// Optional: Lade-Balken für Inertia
+InertiaProgress.init()
+
+// Inertia App starten
+createInertiaApp({
+    // Alle Pages in app/Views/Pages/**/*.vue werden automatisch importiert
+    resolve: name => {
+        // Vite scannt die Pages dynamisch
+        const pages = import.meta.glob('@views/**/*.vue')
+
+        // Suche nach der richtigen Page-Datei
+        const key = Object.keys(pages).find(k =>
+            k.endsWith(`/${name}.vue`) || k.endsWith(`/${name}/index.vue`)
+        )
+
+        if (!key) throw new Error(`Page not found: ${name}`)
+
+        // Unterstützt sowohl <script setup> als auch klassische Exports
+        return pages[key]()
+    },
+
+    // Setup der App
+    setup({ el, App, props, plugin }) {
+        const vueApp = createApp({ render: () => h(App, props) })
+
+        // Inertia Plugin
+        vueApp.use(plugin)
+
+        // Toastify global verfügbar machen
+        vueApp.use(Vue3Toastify, {
+            autoClose: 3000,
+            position: 'top-right',
+            pauseOnHover: true,
+        })
+        vueApp.config.globalProperties.$toast = toast
+
+        // Mounten auf das DOM
+        vueApp.mount(el)
+    },
+})
--- a/resources/js/bootstrap.js
+++ b/resources/js/bootstrap.js
@@ -0,0 +1,4 @@
+import axios from 'axios';
+window.axios = axios;
+
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    @vite('resources/js/app.js')
+    @inertiaHead
+</head>
+<body>
+@inertia
+</body>
+</html>