m0ksem
diff --git a/‎README.md
+18-5 b/‎README.md
+18-5
diff --git a/‎demo/docs/index.html
-16 b/‎demo/docs/index.html
-16
diff --git a/‎demo/index.html
+1-1 b/‎demo/index.html
+1-1
diff --git a/‎demo/public/favicon.ico
6.05 KB b/‎demo/public/favicon.ico
6.05 KB
diff --git a/‎public/readme-image.png ‎demo/public/readme-image.png b/‎public/readme-image.png ‎demo/public/readme-image.png
diff --git a/‎demo/src/demo/shader/preset.ts
+2-2 b/‎demo/src/demo/shader/preset.ts
+2-2
diff --git a/‎demo/docs/assets/index.55859a59.css ‎docs/assets/index.55859a59.css b/‎demo/docs/assets/index.55859a59.css ‎docs/assets/index.55859a59.css
diff --git a/‎docs/assets/index.a45b6fe0.js
+7 b/‎docs/assets/index.a45b6fe0.js
+7
diff --git a/‎demo/docs/assets/index.f9954d19.js ‎docs/assets/index.f9954d19.js b/‎demo/docs/assets/index.f9954d19.js ‎docs/assets/index.f9954d19.js
diff --git a/‎demo/docs/assets/vendor.fbaa8274.js ‎docs/assets/vendor.fbaa8274.js b/‎demo/docs/assets/vendor.fbaa8274.js ‎docs/assets/vendor.fbaa8274.js
diff --git a/‎docs/favicon.ico
1.87 KB b/‎docs/favicon.ico
1.87 KB
diff --git a/‎docs/index.html
+4-4 b/‎docs/index.html
+4-4
diff --git a/‎package.json
+2-2 b/‎package.json
+2-2
diff --git a/‎public/favicon.ico
-4.19 KB b/‎public/favicon.ico
-4.19 KB
diff --git a/‎vite.demo.config.ts
+1-1 b/‎vite.demo.config.ts
+1-1
@@ -20,16 +20,29 @@ Experimental
 ## Setup
 
 ### Development setup
+- Install dependencies
+```bash
+yarn install
+```
 
 - Start demo
 ```bash
-yarn
-
 yarn server
 ```
 
-### Build for production
-It builds into /docs folder which is served by Github Pages.
+### Build
+- Build lib
 ```bash
 yarn build
-```
+```
+- Build docs
+```bash
+yarn build:docs
+```
+- Preview docs
+```bash
+yarn preview:docs
+```
+### Docs
+
+`docs` folder is served by Github Pages. Docs's source code is in `demo` folder. 
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <title>Vue nodes</title>
   </head>
   <body>
     <div id="app"></div>
 
@@ -16,8 +16,8 @@ export const itemsPreset: ShaderNode[] = [
   })(),
   (() => {
     const vec4 = createVec4Node({ x: 300, y: 0 })
-    vec4.z = 1;
-    vec4.w = 1;
+    vec4.value.z = 1;
+    vec4.value.w = 1;
     return vec4
   })(),
   createFragmentShaderNode({ x: -300, y: -200 }),
 
@@ -4,10 +4,10 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/vue-nodes/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-    <script type="module" crossorigin src="/vue-nodes/assets/index.3c6f9dab.js"></script>
-    <link rel="modulepreload" href="/vue-nodes/assets/vendor.7d2b1e45.js">
-    <link rel="stylesheet" href="/vue-nodes/assets/index.1541e275.css">
+    <title>Vue nodes</title>
+    <script type="module" crossorigin src="/vue-nodes/assets/index.a45b6fe0.js"></script>
+    <link rel="modulepreload" href="/vue-nodes/assets/vendor.fbaa8274.js">
+    <link rel="stylesheet" href="/vue-nodes/assets/index.55859a59.css">
   </head>
   <body>
     <div id="app"></div>
 
@@ -2,10 +2,10 @@
   "name": "vue-nodes",
   "version": "0.0.2",
   "scripts": {
+    "serve": "vite --config vite.demo.config.ts",
     "build": "vue-tsc --noEmit && vite build --config vite.lib.config.ts",
     "build:docs": "vue-tsc --noEmit && vite build --config vite.demo.config.ts",
-    "serve": "vite --config vite.demo.config.ts",
-    "preview": "vite preview"
+    "preview:docs": "vite preview --config vite.demo.config.ts"
   },
   "dependencies": {
     "vue": "^3.2.25"
 
@@ -7,7 +7,7 @@ export default defineConfig({
   root: './demo',
   plugins: [vue()],
   build: {
-    outDir: './docs'
+    outDir: '../docs'
   },
   resolve: {
     alias: {