add prod in ci

.github/workflows/ci.yml

@@ -81,7 +81,7 @@ jobs:
   
         - name: 🧩 Install Dependencies
           id: install-dependencies
-          run: pnpm install
+          run: pnpm install --prod
 
         - name: 🏗️ Build
           id: build-the-mono-repo

.gitignore

@@ -26,4 +26,5 @@ dist-ssr
 lib
 public
 cache
-.vitepress
+.vitepress/dist
+.vitepress/cache

README.md

@@ -71,9 +71,19 @@ const onLeave = () => {
 
 ## Contributing
 
+Before, install pnpm and run the following command:
+
 ```bash
 git clone https://github.com/RSamaium/CanvasEngine.git
 cd CanvasEngine
-npm install
-npm run dev
+pnpm install
+pnpm run dev
+```
+
+Documentation
+
+```
+cd docs
+pnpm install
+pnpm run dev
 ```

docs/.vitepress/config.ts

@@ -1,3 +1,5 @@
+import { defineConfig } from 'vitepress';
+
 const guideMenu = [
   {
     text: "Quick Start",
@@ -51,7 +53,7 @@ const guideMenu = [
   },
 ];
 
-export default {
+export default defineConfig({
   title: "Canvas Engine Documentation",
   description: "Reactive Canvas Framework",
   ignoreDeadLinks: true,
@@ -76,5 +78,5 @@ export default {
       "/components/": guideMenu,
       "/directives/": guideMenu,
     },
-  },
-};
+  }
+})

docs/.vitepress/theme/index.ts

@@ -0,0 +1,8 @@
+import DefaultTheme from "vitepress/theme";
+
+export default {
+  ...DefaultTheme,
+  enhanceApp(ctx) {
+    DefaultTheme.enhanceApp(ctx);
+  },
+};

docs/get_started/installation.md

@@ -1,5 +1,47 @@
 # Installation
 
 ```bash
-npm install canvasengine
-```
+npx degit RSamaium/CanvasEngine/starter my-project
+cd my-project
+npm install
+npm run dev # and go to localhost:5173
+```
+
+Try CanvasEngine
+
+
+::: sandbox {deps="vue3-toastify: latest"}
+
+```vue App.vue
+<template>
+  <div>
+    <button @click="notify">Notify !</button>
+  </div>
+</template>
+
+<script setup>
+import { toast } from 'vue3-toastify';
+
+const notify = () => {
+  toast("Wow so easy !", {
+    autoClose: 1000,
+  }); // ToastOptions
+}
+</script>
+```
+
+```js /src/main.js [active] [readOnly]
+import App from './App.vue';
+import { createApp } from 'vue';
+import Vue3Toasity from 'vue3-toastify';
+import 'vue3-toastify/dist/index.css';
+
+createApp(App).use(
+  Vue3Toasity,
+  {
+    autoClose: 3000,
+  },
+).mount('#app');
+```
+
+:::

docs/package.json

@@ -13,5 +13,6 @@
   "dependencies": {
     "vite": "^6.0.3",
     "vitepress": "^1.5.0"
-  }
+  },
+  "type": "module"
 }

package.json

@@ -13,17 +13,17 @@
   },
   "dependencies": {
     "@changesets/cli": "^2.27.10",
-    "bumpp": "^9.9.1"
+    "bumpp": "^9.9.1",
+    "rollup-plugin-node-polyfills": "^0.2.1",
+    "tsup": "^8.2.4",
+    "typescript": "^5.6.2"
   },
   "devDependencies": {
     "canvas": "^2.11.2",
     "dedent": "^1.5.3",
     "eslint": "^8.57.0",
     "jsdom": "^25.0.1",
     "lightningcss": "^1.28.2",
-    "rollup-plugin-node-polyfills": "^0.2.1",
-    "tsup": "^8.2.4",
-    "typescript": "^5.6.2",
     "vite": "^5.4.4",
     "vitest": "^1.6.0",
     "vitest-webgl-canvas-mock": "^1.1.0"