first implementation of tamagui mobile pages

vite.config.ts

@@ -3,6 +3,8 @@ import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
 import laravel from 'laravel-vite-plugin';
 import { defineConfig } from 'vite';
+import path from 'path';
+import { tamaguiPlugin } from '@tamagui/vite-plugin';
 
 const devServerHost = process.env.VITE_DEV_SERVER_HOST ?? 'fotospiel-app.test';
 const devServerPort = Number.parseInt(process.env.VITE_DEV_SERVER_PORT ?? '5173', 10);
@@ -78,6 +80,12 @@ export default defineConfig({
         wayfinder({
             formVariants: true,
         }),
+        tamaguiPlugin({
+            config: './tamagui.config.ts',
+            components: ['@tamagui/core', '@tamagui/stacks', '@tamagui/text', '@tamagui/button'],
+            optimize: false,
+            disableExtraction: true,
+        }),
     ],
     esbuild: {
         jsx: 'automatic',
@@ -88,6 +96,16 @@ export default defineConfig({
         exclude: [
         // füge notfalls große/selten genutzte Pakete hinzu
         ],
+        include: [
+            'react-native-web',
+            '@tamagui/core',
+            '@tamagui/stacks',
+            '@tamagui/text',
+            '@tamagui/button',
+        ],
+    },
+    define: {
+        'process.env.TAMAGUI_TARGET': JSON.stringify('web'),
     },
 
     // Build-Optionen wirken vor allem bei `vite build`, schaden aber nicht: