chore: Fix reuse of react from entrypoint

Signed-off-by: Julius Härtl <[email protected]>

package.json

@@ -4,6 +4,7 @@
   "license": "AGPL-3.0-or-later",
   "private": true,
   "type": "module",
+  "main": "src/main.tsx",
   "scripts": {
     "build": "vite --mode production build",
     "dev": "vite --mode development build",
@@ -40,7 +41,7 @@
     "@nextcloud/browserslist-config": "^3.0.1",
     "@nextcloud/eslint-config": "^8.4.1",
     "@nextcloud/stylelint-config": "^3.0.1",
-    "@nextcloud/vite-config": "^1.3.0",
+    "@nextcloud/vite-config": "^2.0.2",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
     "@vue/tsconfig": "^0.5.1",

vite.config.ts

@@ -5,11 +5,22 @@ import { createAppConfig } from '@nextcloud/vite-config'
 import react from '@vitejs/plugin-react'
 import { viteStaticCopy } from 'vite-plugin-static-copy'
 import { defineConfig } from 'vite'
+import { join, resolve } from 'path'
 
 const AppConfig = createAppConfig({
-	main: 'src/main.tsx',
+	main: resolve(join('src', 'main.tsx')),
 }, {
 	config: defineConfig({
+		build: {
+			cssCodeSplit: true,
+			rollupOptions: {
+				output: {
+					manualChunks: {
+						vendor: ['react', 'react-dom'],
+					},
+				},
+			},
+		},
 		css: {
 			modules: {
 				localsConvention: 'camelCase',