Initialize new Vue project; move existing contents

3 years ago · c5d64038b5
15 changed files with 3772 additions and 0 deletions
--- a/src/webui/.gitignore
+++ b/src/webui/.gitignore
@ -0,0 +1,30 @@
+# 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
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
--- a/src/webui/index.html
+++ b/src/webui/index.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <title>WireGuard</title>
+    <link rel="manifest" href="./manifest.json">
+    <link rel="icon" type="image/png" href="./img/favicon.png">
+    <link rel="apple-touch-icon" href="./img/apple-touch-icon.png">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+  </head>
+  <body class="bg-gray-50 dark:bg-neutral-800">
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
--- a/src/webui/jsconfig.json
+++ b/src/webui/jsconfig.json
@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}
--- a/src/webui/package-lock.json
+++ b/src/webui/package-lock.json
--- a/src/webui/package.json
+++ b/src/webui/package.json
@ -0,0 +1,21 @@
+{
+  "name": "webui",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.3.11"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.5.2",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.33",
+    "tailwindcss": "^3.4.1",
+    "vite": "^5.0.10"
+  }
+}
--- a/src/webui/postcss.config.js
+++ b/src/webui/postcss.config.js
@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
--- a/src/webui/public/img/apple-touch-icon.png
+++ b/src/webui/public/img/apple-touch-icon.png
--- a/src/webui/public/img/favicon.png
+++ b/src/webui/public/img/favicon.png
--- a/src/webui/public/manifest.json
+++ b/src/webui/public/manifest.json
@ -0,0 +1,11 @@
+{
+  "name": "WireGuard",
+  "display": "standalone",
+  "background_color": "#fff",
+  "icons": [
+    {
+      "src": "img/favicon.png",
+      "type": "image/png"
+    }
+  ]
+}
--- a/src/webui/src/App.vue
+++ b/src/webui/src/App.vue
--- a/src/webui/src/assets/img/logo.png
+++ b/src/webui/src/assets/img/logo.png
--- a/src/webui/src/assets/style.css
+++ b/src/webui/src/assets/style.css
@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
--- a/src/webui/src/main.js
+++ b/src/webui/src/main.js
@ -0,0 +1,6 @@
+import './assets/style.css'
+
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
--- a/src/webui/tailwind.config.js
+++ b/src/webui/tailwind.config.js
@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
--- a/src/webui/vite.config.js
+++ b/src/webui/vite.config.js
@ -0,0 +1,16 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    }
+  }
+})