Tasks UI with Vite+Vue

Epic-Codebase · Oct 8, 2024 · 1e51947 · 1e51947
1 parent 963c280
commit 1e51947
Show file tree

Hide file tree

Showing 15 changed files with 9,516 additions and 0 deletions.
diff --git a/.github/workflows/ui.yml b/.github/workflows/ui.yml
@@ -0,0 +1,37 @@
+name: UI deploy
+on:
+  push:
+    paths:
+      - 'services/tasks_ui/**'
+      - '.github/workflows/ui.yml'
+
+env:
+  AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
+  AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
+  AWS_DEFAULT_REGION: eu-west-1
+  APP_ENVIRONMENT: development
+
+
+jobs:
+  deploy-development:
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        node-version: [16]
+    defaults:
+      run:
+        working-directory: services/tasks_ui
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install serverless
+        run: npm install -g serverless
+      - name: Install NPM dependencies
+        run: npm install
+      - name: Build
+        run: npm run build
+      - name: Deploy
+        run: sls deploy --stage development --verbose
diff --git a/services/tasks_ui/.gitignore b/services/tasks_ui/.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/services/tasks_ui/.vscode/extensions.json b/services/tasks_ui/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}
diff --git a/services/tasks_ui/README.md b/services/tasks_ui/README.md
@@ -0,0 +1,7 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
diff --git a/services/tasks_ui/index.html b/services/tasks_ui/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>