wip (#9349)

packages/backend/src/server/web/views/base.pug

@@ -39,7 +39,7 @@ html
 
 		if Array.isArray(clientEntry.css)
 			each href in clientEntry.css
-				link(rel='preload' href=`/assets/${href}` as='style')
+				link(rel='stylesheet' href=`/assets/${href}`)
 
 		title
 			block title

packages/client/package.json

@@ -13,7 +13,7 @@
 		"@rollup/plugin-json": "5.0.2",
 		"@rollup/pluginutils": "5.0.2",
 		"@syuilo/aiscript": "0.11.1",
-		"@vitejs/plugin-vue": "3",
+		"@vitejs/plugin-vue": "4.0.0",
 		"@vue/compiler-sfc": "3.2.45",
 		"autobind-decorator": "2.4.0",
 		"autosize": "5.0.2",
@@ -42,6 +42,7 @@
 		"punycode": "2.1.1",
 		"querystring": "0.2.1",
 		"rndstr": "1.0.0",
+		"rollup": "3.7.2",
 		"s-age": "1.1.2",
 		"sass": "1.56.2",
 		"seedrandom": "3.0.5",
@@ -58,6 +59,7 @@
 		"typescript": "4.9.4",
 		"uuid": "9.0.0",
 		"vanilla-tilt": "1.7.3",
+		"vite": "4.0.2",
 		"vue": "3.2.45",
 		"vue-prism-editor": "2.0.0-alpha.2",
 		"vuedraggable": "4.0.1"
@@ -83,9 +85,7 @@
 		"eslint": "8.29.0",
 		"eslint-plugin-import": "2.26.0",
 		"eslint-plugin-vue": "9.8.0",
-		"rollup": "3.7.2",
 		"start-server-and-test": "1.15.2",
-		"vite": "3.2.5",
 		"vue-eslint-parser": "^9.1.0",
 		"vue-tsc": "^1.0.13"
 	}

packages/client/src/init.ts

@@ -1,6 +1,8 @@
 /**
  * Client entry point
  */
+// https://vitejs.dev/config/build-options.html#build-modulepreload
+import 'vite/modulepreload-polyfill';
 
 import '@/style.scss';