Add Vue.js with TypeScript support

2024-09-03 13:37:46 +02:00
parent 002493c0c6
commit 36c5e5b583
10 changed files with 1221 additions and 0 deletions
--- a/software/.vscode/extensions.json
+++ b/software/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
--- a/software/index.html
+++ b/software/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.ts"></script>
+  </body>
+</html>
--- a/software/package-lock.json
+++ b/software/package-lock.json
--- a/software/package.json
+++ b/software/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "software",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@types/node": "^22.5.2",
+    "typescript": "^5.5.4",
+    "vue": "^3.4.29"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.5",
+    "vite": "^5.3.1"
+  }
+}
--- a/software/public/favicon.ico
+++ b/software/public/favicon.ico
--- a/software/src/App.vue
+++ b/software/src/App.vue
@@ -0,0 +1,6 @@
+<script setup>
+</script>
+
+<template>
+  HackMyCart
+</template>
--- a/software/src/main.ts
+++ b/software/src/main.ts
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
--- a/software/tsconfig.json
+++ b/software/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "isolatedModules": false,
+    "outDir": "build/dist",
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}
--- a/software/vite.config.ts
+++ b/software/vite.config.ts
@@ -0,0 +1,19 @@
+import { resolve } from "path"
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+  ],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, './src')
+    }
+  },
+  build: {
+    outDir: 'build/vite',
+    emptyOutDir: true
+  }
+})