style: 💄 css not inline

.gitignore

@@ -9,5 +9,6 @@
 
 /node_modules/
 /js/
+/css/
 
 /build/

lib/Controller/PageController.php

@@ -27,6 +27,7 @@ class PageController extends Controller
 	 */
 	public function index(): TemplateResponse {
 		Util::addScript(Application::APP_ID, Application::APP_ID.'-main');
+		Util::addStyle(Application::APP_ID, Application::APP_ID.'-main');
 
 		$csp = new ContentSecurityPolicy();
 		$csp->addAllowedImageDomain('*');

package.json

@@ -3,9 +3,9 @@
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "scripts": {
-    "build": "vue-tsc && vite build --mode production",
-    "dev": "vite build --mode development",
-    "dev:watch": "vite build --mode development --watch",
+    "build": "vue-tsc && vite build",
+    "dev": "vite --mode development build",
+    "dev:watch": "vite --mode development build --watch",
     "watch": "npm run dev:watch",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",

vite.config.ts

@@ -1,3 +1,4 @@
+import { join, resolve } from 'path'
 import { createAppConfig } from '@nextcloud/vite-config'
 import { defineConfig } from 'vite'
 import vueDevTools from 'vite-plugin-vue-devtools'
@@ -14,7 +15,11 @@ const config = defineConfig(({ mode }) => ({
 
 export default createAppConfig(
 	{
-		main: 'src/main.ts',
+		main: resolve(join('src', 'main.ts')),
+	},
+	{
+		config,
+		createEmptyCSSEntryPoints: true,
+		thirdPartyLicense: false,
 	},
-	{ config, inlineCSS: true },
 )