Update README

Author: kekkorider

.github/demo.gif

@@ -1,35 +1,89 @@
-# vue-tres-starter
+# Vue 3 + TresJS starter
 
-This template should help get you started developing with Vue 3 in Vite.
+![Short gif demonstrating how the starter works](./.github/demo.gif 'Demo GIF')
 
-## Recommended IDE Setup
+## What's included
 
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+### 1. Demo GLTF model
 
-## Customize configuration
+The `<Suzanne />` component in `/components/Suzanne` loads a custom GLTF model and uses a custom `ShaderMaterial`.
 
-See [Vite Configuration Reference](https://vitejs.dev/config/).
+### 2. Box with click handler
 
-## Project Setup
+The `<SampleBox />` component rotates and floats on every tick and has click/hover handlers.
 
-```sh
+### 3. GSAP as a Vue Composable
+
+GSAP is included as a composable and can be included in any component the following way:
+
+```js
+import { useGSAP } from '@/composables/useGSAP'
+
+const { gsap } = useGSAP()
+```
+
+The composable file is located in `/src//composables/useGSAP.js`.
+
+### 4. Pinia
+
+[Pinia](https://pinia.vuejs.org/) is already included and configured.
+
+The states are stored in the `/src//stores` folder.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
 pnpm install
 ```
 
-### Compile and Hot-Reload for Development
+## Development Server
+
+Start the development server on `http://localhost:3000`
+
+```bash
+# yarn
+yarn dev
+
+# npm
+npm run dev
 
-```sh
-pnpm dev
+# pnpm
+pnpm run dev
 ```
 
-### Compile and Minify for Production
+## Production
 
-```sh
-pnpm build
+Build the application for production:
+
+```bash
+# yarn
+yarn build
+
+# npm
+npm run build
+
+# pnpm
+pnpm run build
 ```
 
-### Lint with [ESLint](https://eslint.org/)
+Locally preview production build:
+
+```bash
+# yarn
+yarn preview
+
+# npm
+npm run preview
 
-```sh
-pnpm lint
+# pnpm
+pnpm run preview
 ```

README.md

@@ -1,12 +1,15 @@
 import { fileURLToPath, URL } from 'node:url'
-
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import glsl from 'vite-plugin-glsl'
 
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  server: {
+    port: 3000
+  },
+
   plugins: [
     glsl(),
     vue({