Added frontend linting to cicd

.editorconfig

@@ -0,0 +1,7 @@
+ root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = false
+indent_style = space
+indent_size = 4

.woodpecker.yml

@@ -1,20 +1,47 @@
 pipeline:
-    test:
+    # =====TESTING=====
+    test-backend:
         # Alpine version doesn't have make
         image: python:3.8
         pull: true
+        group: test
         commands:
             - make test
         when:
             event: push
 
-    lint:
+    test-frontend:
+        # Alpine version doesn't have make
+        image: node:16-alpine
+        pull: true
+        group: test
+        commands:
+            - cd web
+            - yarn build
+        when:
+            event: push
+
+
+    # =====LINTING=====
+    lint-backend:
         image: python:3.8
+        group: lint
         commands:
             - make lint
         when:
             event: push
 
+    lint-frontend:
+        image: node:16-alpine
+        group: lint
+        commands:
+            - cd web
+            - yarn run lint
+        when:
+            event: push
+
+
+    # =====PUBLISHING=====
     publish-dev:
         image: plugins/docker
         repo: chewingbever/jos

web/.eslintrc.yml

@@ -0,0 +1,15 @@
+env:
+  browser: true
+  es2021: true
+extends:
+  - 'plugin:vue/essential'
+  - standard
+parserOptions:
+  ecmaVersion: 12
+  parser: '@typescript-eslint/parser'
+  sourceType: module
+plugins:
+  - vue
+  - '@typescript-eslint'
+rules:
+    indent: ["error", 4]

web/package.json

@@ -4,14 +4,25 @@
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
-    "serve": "vite preview"
+    "serve": "vite preview",
+    "lint": "eslint --ext .js,.vue src",
+    "format": "yarn run lint --fix"
   },
   "dependencies": {
-    "vue": "^3.0.5"
+    "vue": "^3.0.5",
+    "vue-router": "^4.0.6"
   },
   "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^4.24.0",
+    "@typescript-eslint/parser": "^4.24.0",
     "@vitejs/plugin-vue": "^1.2.2",
     "@vue/compiler-sfc": "^3.0.5",
+    "eslint": "^7.26.0",
+    "eslint-config-standard": "^16.0.2",
+    "eslint-plugin-import": "^2.23.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^4.3.1",
+    "eslint-plugin-vue": "^7.9.0",
     "typescript": "^4.1.3",
     "vite": "^2.2.3",
     "vue-tsc": "^0.1.0"

web/src/App.vue

@@ -1,6 +1,8 @@
 <template>
+    <div>
         <img alt="Vue logo" src="./assets/logo.png" />
         <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+    </div>
 </template>
 
 <script lang="ts">

web/src/components/HelloWorld.vue

@@ -1,4 +1,5 @@
 <template>
+    <div>
         <h1>{{ msg }}</h1>
 
         <p>
@@ -32,6 +33,7 @@
             Edit
             <code>components/HelloWorld.vue</code> to test hot module replacement.
         </p>
+    </div>
 </template>
 
 <script lang="ts">