From 526f2d3a6c415adecb84b19457de9076c20b1704 Mon Sep 17 00:00:00 2001
From: Philipp Lang <privat@zoomyboy.de>
Date: Thu, 1 Jun 2023 11:05:24 +0200
Subject: [PATCH] add vite config

---
 postcss.config.js | 10 ++++++++++
 vite.config.js    | 27 +++++++++++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 postcss.config.js
 create mode 100644 vite.config.js

diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 00000000..a22372e2
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,10 @@
+const tailwindcss = require('tailwindcss');
+
+module.exports = {
+    plugins: {
+        'postcss-import': {},
+        'tailwindcss/nesting': {},
+        'tailwindcss': {},
+        'autoprefixer': {},
+    },
+};
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 00000000..39aa3a11
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,27 @@
+import {defineConfig} from 'vite';
+import laravel from 'laravel-vite-plugin';
+import vue from '@vitejs/plugin-vue2';
+
+export default defineConfig({
+    plugins: [
+        laravel(['resources/js/app.js']),
+        vue({
+            template: {
+                transformAssetUrls: {
+                    // The Vue plugin will re-write asset URLs, when referenced
+                    // in Single File Components, to point to the Laravel web
+                    // server. Setting this to `null` allows the Laravel plugin
+                    // to instead re-write asset URLs to point to the Vite
+                    // server instead.
+                    base: null,
+
+                    // The Vue plugin will parse absolute URLs and treat them
+                    // as absolute paths to files on disk. Setting this to
+                    // `false` will leave absolute URLs un-touched so they can
+                    // reference assets in the public directory as expected.
+                    includeAbsolute: false,
+                },
+            },
+        }),
+    ],
+});