Feat: Add vue examples cli (#779)

* add vue wagmi cli example * vue solana cli example * vue multichain cli example * vue multichain example * vue ethers cli example * vue ethers cli example
reown-com · Nov 21, 2024 · d84a54d · d84a54d
1 parent c85aa03
commit d84a54d
Show file tree

Hide file tree

Showing 67 changed files with 17,073 additions and 665 deletions.
diff --git a/dapps/appkit/vue-ethers/.env.example b/dapps/appkit/vue-ethers/.env.example
@@ -0,0 +1 @@
+VITE_PROJECT_ID=your_project_id
diff --git a/dapps/appkit/vue-ethers/.gitignore b/dapps/appkit/vue-ethers/.gitignore
@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+dist
diff --git a/dapps/appkit/vue-ethers/README.md b/dapps/appkit/vue-ethers/README.md
@@ -0,0 +1,18 @@
+# Reown AppKit Example using Solana (Vite + Vue)
+
+This is a [Vite](https://vitejs.dev) project together with Vue.
+
+## Usage
+
+1. Go to [Reown Cloud](https://cloud.reown.com) and create a new project.
+2. Copy your `Project ID`
+3. Rename `.env.example` to `.env` and paste your `Project ID` as the value for `VITE_PROJECT_ID`
+4. Run `pnpm install` to install dependencies
+5. Run `pnpm run dev` to start the development server
+
+## Resources
+
+- [Reown — Docs](https://docs.reown.com)
+- [Vite — GitHub](https://github.com/vitejs/vite)
+- [Vite — Docs](https://vitejs.dev/guide/)
+- [Vue - Docs](https://vuejs.org/guide/introduction)
diff --git a/dapps/appkit/vue-ethers/env.d.ts b/dapps/appkit/vue-ethers/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/dapps/appkit/vue-ethers/index.html b/dapps/appkit/vue-ethers/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AppKit Vue Solana Example App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/dapps/appkit/vue-ethers/package.json b/dapps/appkit/vue-ethers/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "appkit-vue-solana-example",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force"
+  },
+  "dependencies": {
+    "@reown/appkit": "^1.5.0",
+    "@reown/appkit-adapter-ethers": "^1.5.0",
+    "ethers": "^6.13.4",
+    "vue": "^3.5.12"
+  },
+  "devDependencies": {
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.17.0",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "@vue/tsconfig": "^0.5.1",
+    "npm-run-all2": "^7.0.1",
+    "typescript": "~5.6.0",
+    "vite": "^5.4.10",
+    "vue-tsc": "^2.1.6"
+  }
+}