Update to vite 3.0.3

.prettierignore

@@ -6,3 +6,7 @@ public
 .husky
 package-lock.json
 .yarnrc.yml
+
+*.glsl
+*.vert
+*.frag

package.json

@@ -25,7 +25,7 @@
     "prettier": "2.7.1",
     "sass": "^1.52.3",
     "typescript": "^4.7.4",
-    "vite": "^2.9.12",
+    "vite": "^3.0.3",
     "vite-plugin-glsl": "^0.1.5"
   },
   "packageManager": "[email protected]",

src/demo/Box.ts

@@ -1,9 +1,14 @@
 import * as THREE from 'three'
+import vertexShader from './shader.vert'
+import fragmentShader from './shader.frag'
 
 export class Box extends THREE.Mesh {
   constructor() {
     const geometry = new THREE.BoxBufferGeometry(1, 1, 1)
-    const material = new THREE.MeshStandardMaterial({ color: 0xff00ff })
+    const material = new THREE.ShaderMaterial({
+      vertexShader,
+      fragmentShader,
+    })
 
     super(geometry, material)
   }

src/demo/shader.frag

@@ -0,0 +1,3 @@
+void main() {
+    gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);
+}

src/demo/shader.vert

@@ -0,0 +1,3 @@
+void main() {
+    gl_Position = projectionMatrix  * viewMatrix * modelMatrix * vec4(position, 1.0);
+}