Web3Auth · chaitanyapotti · Sep 10, 2024 · Aug 2, 2024 · Aug 5, 2024 · Aug 5, 2024
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -4,16 +4,13 @@ module.exports = {
   root: true,
   extends: ["@toruslabs/eslint-config-typescript"],
   parser: "@typescript-eslint/parser",
+  ignorePatterns: ["*.config.js", ".eslintrc.js"],
   parserOptions: {
     sourceType: "module",
-    ecmaVersion: 11,
+    ecmaVersion: 2022,
     project: "./tsconfig.json",
   },
-  ignorePatterns: ["*.config.js", "*.d.ts", ".eslintrc.js"],
-  env: {
-    es2020: true,
-    browser: true,
-    node: true,
-    mocha: true,
+  rules: {
+    camelcase: 0,
   },
 };
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,5 @@
 {
+  "editor.tabSize": 2,
   "editor.codeActionsOnSave": {
     "source.fixAll": "explicit"
   },

diff --git a/demo/vue-app-new/.eslintrc.js b/demo/vue-app-new/.eslintrc.js
@@ -0,0 +1,32 @@
+require("@rushstack/eslint-patch/modern-module-resolution");
+
+module.exports = {
+  root: true,
+  extends: ["@toruslabs/vue"],
+  parser: "vue-eslint-parser",
+  ignorePatterns: ["*.config.js", ".eslintrc.js", "*.config.mts"],
+  parserOptions: {
+    parser: "@typescript-eslint/parser",
+    sourceType: "module",
+    ecmaVersion: 2022,
+    project: "./tsconfig.json",
+  },
+  env: {
+    browser: true,
+    node: true,
+    mocha: true,
+  },
+  rules: {
+    camelcase: 0,
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        js: "never",
+        jsx: "never",
+        ts: "never",
+        tsx: "never",
+      },
+    ],
+  },
+};
diff --git a/demo/vue-app-new/.gitignore b/demo/vue-app-new/.gitignore
@@ -0,0 +1,24 @@
+# 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?
diff --git a/demo/vue-app-new/.prettierrc.yaml b/demo/vue-app-new/.prettierrc.yaml
@@ -0,0 +1,6 @@
+# .prettierrc or .prettierrc.yaml
+printWidth: 150
+singleQuote: false
+semi: true
+htmlWhitespaceSensitivity: ignore
+trailingComma: es5
diff --git a/demo/vue-app-new/.vscode/extensions.json b/demo/vue-app-new/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit"
+  }
+}
diff --git a/demo/vue-app-new/README.md b/demo/vue-app-new/README.md
@@ -0,0 +1,25 @@
+# Web3Auth x Vue Demo App
+
+## Quickstart
+
+To use this demo app, you'll first have to build the Web3Auth packages.
+
+### Build the `Web3Auth` packages
+
+```bash
+git clone https://github.com/Web3Auth/web3auth-web.git
+cd web3auth-web
+npm install
+npm run bootstrap && npm run build
+```
+
+### Start the demo app
+
+> Inside `web3auth-web` directory.
+
+```bash
+cd demo/vue-app
+npm install
+npm run dev
+# localhost:8080
+```
diff --git a/demo/vue-app-new/index.html b/demo/vue-app-new/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <script type="module">
+      import { Buffer } from "buffer";
+      import process from "process";
+      // window.global ||= window;
+      window.Buffer = Buffer;
+      window.process = process;
+    </script>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Web3Auth demo</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>
+        We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.
+      </strong>
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>