stagerightlabs · rydurham · Mar 15, 2022 · Mar 15, 2022 · Mar 15, 2022 · Mar 15, 2022
diff --git a/.browserslistrc b/.browserslistrc
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -0,0 +1,14 @@
+/* eslint-env node */
+require("@rushstack/eslint-patch/modern-module-resolution");
+
+module.exports = {
+  root: true,
+  extends: [
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/eslint-config-prettier",
+  ],
+  env: {
+    "vue/setup-compiler-macros": true,
+  },
+};
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.gitignore b/.gitignore
@@ -1,21 +1,28 @@
-.DS_Store
-node_modules
-/dist
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
 
 # Editor directories and files
+.vscode/*
+!.vscode/extensions.json
 .idea
-.vscode
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
-*.sw*
+*.sw?
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["johnsoncodehk.volar", "johnsoncodehk.vscode-typescript-vue-plugin"]
+}
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 # vue-threejs-demo
 
-This is a Proof-Of-Concept integration of Vue.js and Three.js.   I have converted the Three.js [Trackball Control Example](https://threejs.org/examples/?q=cont#misc_controls_trackball) to a Vue/Vuex application and added some additional UI sugar on top.
+This is a Proof-Of-Concept integration of Vue.js and Three.js. I have converted the Three.js [Trackball Control Example](https://threejs.org/examples/?q=cont#misc_controls_trackball) to a Vue/Vuex application and added some additional UI sugar on top.
 
 [See the demo here](https://vuethree.stagerightlabs.com/)
 
@@ -9,19 +9,32 @@ This is a Proof-Of-Concept integration of Vue.js and Three.js.   I have converte
 npm install
 ```
 
-### Compiles and hot-reloads for development
-```
-npm run serve
-```
+### Compile and Hot-Reload for Development
 
-### Compiles and minifies for production
+```sh
+npm run dev
 ```
+
+### Compile and Minify for Production
+
+```sh
 npm run build
 ```
 
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+npm run lint
+```
 
 ## Helpful Links
 
 https://stackoverflow.com/questions/47849626/import-and-use-three-js-library-in-vue-component
 
 https://www.reddit.com/r/vuejs/comments/7fdq9b/vue_and_threejs/
+
+https://stackoverflow.com/questions/71083549/why-do-not-mutate-vuex-store-state-outside-mutation-handlers-error-shows-up
+
+## Thanks
+
+Special thanks to [@Camil88](https://github.com/Camil88) for sorting out some important reactivity issues.  See here: https://github.com/stagerightlabs/Vue-Three-Demo/issues/5
diff --git a/babel.config.js b/babel.config.js
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -0,0 +1,19 @@
+version: '3'
+
+services:
+
+  node:
+    build:
+      context: docker/node
+    volumes:
+      - ./:/var/www:cached
+
+  dev:
+    build:
+      context: docker/node
+    volumes:
+      - ./:/var/www:cached
+    ports:
+      - 3000:3000
+      - 5050:5050
+    command: ['npm', 'run', 'dev']
diff --git a/docker/node/Dockerfile b/docker/node/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:16
+
+LABEL maintainer="Ryan C. Durham <[email protected]>"
+
+USER node
+
+WORKDIR /var/www
diff --git a/index.html b/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>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/jest.config.js b/jest.config.js