WebKit · flashdesignory · Apr 7, 2023 · Mar 17, 2023 · Mar 18, 2023 · Mar 18, 2023
diff --git a/.gitignore b/.gitignore
@@ -9,6 +9,7 @@
 /resources/todomvc/architecture-examples/preact/node_modules/
 /resources/todomvc/architecture-examples/react/node_modules/
 /resources/todomvc/architecture-examples/react-redux/node_modules/
+/resources/todomvc/architecture-examples/vue/node_modules/
 
 /resources/todomvc/vanilla-examples/javascript-es5/node_modules/
 /resources/todomvc/vanilla-examples/javascript-es6/node_modules/

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -34,6 +34,7 @@
         "eslint": "^8.33.0",
         "eslint-plugin-ember": "^11.4.8",
         "eslint-plugin-react": "^7.32.2",
+        "eslint-plugin-vue": "^9.10.0",
         "expect.js": "^0.3.1",
         "http-server": "^14.1.1",
         "mocha": "^10.2.0",

diff --git a/resources/tests.mjs b/resources/tests.mjs
@@ -249,7 +249,7 @@ Suites.push({
 
 Suites.push({
     name: "TodoMVC-Vue",
-    url: "todomvc/architecture-examples/vuejs-cli/dist/index.html",
+    url: "todomvc/architecture-examples/vue/dist/index.html",
     async prepare(page) {
         const element = await page.waitForElement(".new-todo");
         element.focus();

diff --git a/resources/todomvc/architecture-examples/vue/.eslintrc b/resources/todomvc/architecture-examples/vue/.eslintrc
@@ -0,0 +1,14 @@
+{
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/vue3-essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
+}
diff --git a/resources/todomvc/architecture-examples/vue/README.md b/resources/todomvc/architecture-examples/vue/README.md
@@ -0,0 +1,24 @@
+# vue
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/resources/todomvc/architecture-examples/vue/babel.config.js b/resources/todomvc/architecture-examples/vue/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
diff --git a/resources/todomvc/architecture-examples/vue/dist/css/app.084bf3c1.css b/resources/todomvc/architecture-examples/vue/dist/css/app.084bf3c1.css
diff --git a/resources/todomvc/architecture-examples/vue/dist/index.html b/resources/todomvc/architecture-examples/vue/dist/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en" data-framework="vue" data-version="3.2.47" data-features="webpack"><head><meta charset="UTF-8"/><meta name="description" content="A TodoMVC workload app for Speedometer!"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><title>TodoMVC: Vue</title><script defer="defer" src="js/chunk-vendors.6572e2b2.js"></script><script defer="defer" src="js/app.bb99f839.js"></script><link href="css/app.084bf3c1.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><footer class="info"><p>Click on input field to write your todo.</p><p>At least two characters are needed to be a valid entry.</p><p>Press 'enter' to add the todo.</p><p>Double-click to edit a todo</p></footer></body></html>
diff --git a/resources/todomvc/architecture-examples/vue/dist/js/app.bb99f839.js b/resources/todomvc/architecture-examples/vue/dist/js/app.bb99f839.js
diff --git a/resources/todomvc/architecture-examples/vue/dist/js/app.bb99f839.js.map b/resources/todomvc/architecture-examples/vue/dist/js/app.bb99f839.js.map
diff --git a/resources/todomvc/architecture-examples/vue/dist/js/chunk-vendors.6572e2b2.js b/resources/todomvc/architecture-examples/vue/dist/js/chunk-vendors.6572e2b2.js
diff --git a/resources/todomvc/architecture-examples/vue/dist/js/chunk-vendors.6572e2b2.js.map b/resources/todomvc/architecture-examples/vue/dist/js/chunk-vendors.6572e2b2.js.map
diff --git a/resources/todomvc/architecture-examples/vue/jsconfig.json b/resources/todomvc/architecture-examples/vue/jsconfig.json
@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}