Merge pull request dojoengine#159 from LidamaoHub/main

Update: add vue templates
notV4l · Mar 11, 2024 · 858eb6c · 858eb6c
2 parents d157d45 + 67da493
commit 858eb6c
Show file tree

Hide file tree

Showing 28 changed files with 2,907 additions and 52 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,4 @@
 node_modules
-docs
+docs
+
+.DS_Store
diff --git a/.DS_Store → examples/vue/.DS_Store b/.DS_Store → examples/vue/.DS_Store
diff --git a/examples/vue/vue-app/README.md b/examples/vue/vue-app/README.md
@@ -0,0 +1,19 @@
+## Dojo.js Vue Template Library
+
+### Introduction
+
+Dojo.js Vue Template Library is a Vue.js component library for quickly building Dojo.js applications. It provides a set of out-of-the-box components that help you quickly build complex Dojo.js applications.
+
+### Installation
+
+Make sure you have a ../../dojo-starter folder.
+
+Install the dependencies in the project root directory by running the following command:
+
+```pnpm i```
+
+### Start the project
+
+Start the project by running the following command:
+
+```pnpm dev```
diff --git a/examples/vue/vue-app/dojoConfig.ts b/examples/vue/vue-app/dojoConfig.ts
@@ -0,0 +1,6 @@
+import manifest from "../../dojo-starter/target/dev/manifest.json";
+import { createDojoConfig } from "@dojoengine/core";
+
+export const dojoConfig = createDojoConfig({
+    manifest,
+});
diff --git a/examples/vue/vue-app/index.html b/examples/vue/vue-app/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/examples/vue/vue-app/package.json b/examples/vue/vue-app/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "vue-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "create-components": "npx @dojoengine/core ../../dojo-starter/target/dev/manifest.json src/dojo/generated/contractComponents.ts http://localhost:5050 0x28f5999ae62fec17c09c52a800e244961dba05251f5aaf923afabd9c9804d1a"
+  },
+  "dependencies": {
+    "@dojoengine/core": "0.5.9",
+    "@dojoengine/recs": "0.1.35",
+    "@dojoengine/state": "0.5.9",
+    "@dojoengine/torii-client": "0.5.9",
+    "@dojoengine/utils": "0.5.9",
+    "@latticexyz/utils": "^1.43.0",
+    "starknet": "^5.24.3",
+    "vite-plugin-top-level-await": "^1.4.1",
+    "vite-plugin-wasm": "^3.3.0",
+    "vue": "^3.4.19"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.4",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.4",
+    "vue-tsc": "^2.0.4"
+  }
+}