feat: reset with vue3

web-tech-tw · Oct 31, 2024 · cd248e0 · cd248e0
1 parent 24e1049
commit cd248e0
Show file tree

Hide file tree

Showing 48 changed files with 5,895 additions and 18,575 deletions.
diff --git a/.env b/.env
@@ -1,2 +1,4 @@
-VUE_APP_SARA_INTE_HOST=https://web-tech.tw/sara
-VUE_APP_SARA_TOKEN_NAME=unified_token
+VITE_HOME_INTE_HOST=https://web-tech.tw
+
+VITE_SARA_INTE_HOST=https://web-tech.tw/sara
+VITE_SARA_TOKEN_NAME=unified_token
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -12,12 +12,14 @@ jobs:
       - name: Specific Node.js version 🦄
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
 
       - name: Checkout 🛎️
         uses: actions/checkout@v4
 
       - name: Install and Build 📎
+        env:
+          BASE_URL: ${{ vars.BASE_URL }}
         run: |
           npm install
           npm run build

diff --git a/.gitignore b/.gitignore
@@ -1,21 +1,22 @@
-.DS_Store
-node_modules
-/dist
-
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
+# 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
-.vscode
+.DS_Store
 *.suo
 *.ntvs*
 *.njsproj

diff --git a/.husky/commit-msg b/.husky/commit-msg
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit ${1}
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged
diff --git a/.husky/prepare-commit-msg b/.husky/prepare-commit-msg
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+exec < /dev/tty && npx cz --hook || true
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Taiwan Web Technology Promotion Organization (https://github.com/web-tech-tw)
+Copyright (c) 2024 Taiwan Web Technology Promotion Organization (https://web-tech.tw)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -1,27 +1,49 @@
-# Web-Tech-TW Index
+# Template INTE
 
-臺灣網際網路技術推廣組織 官方網站
+網頁客戶端 | [伺服器端](https://github.com/web-tech-tw/template.recv)
 
-## 專案設定
+本系統為本組織的通用網頁客戶端範本，為敏捷開發而生。
+
+本系統採用 vue.js 3 + tailwindcss + vite 打造，內建通用樣式模板，並擴充了許多功能。
+
+## 系統架構
+
+本系統採用 vue.js 打造，推薦於 `node.js 18` 以上版本開發與編譯本系統。
+
+## 系統設定
+
+### 安裝相依套件
+
+本專案使用 Node.js 作為開發環境，請先安裝 Node.js。
+
+該指令會安裝專案所需的相依套件。
 
 ```sh
 npm install
 ```
 
-### 編譯且即時重新載入（開發環境）
+### 開發除錯模式
+
+該指令會啟動開發除錯模式，可配合瀏覽器進行開發。當網頁變動時，會自動重新載入。
 
 ```sh
-npm run serve
+npm run dev
 ```
 
-### 編譯且壓縮檔案大小（正式環境）
+### 正式產品模式
+
+該指令會將專案編譯成正式產品模式，壓縮檔案並進行最佳化，最後輸出至 `dist` 目錄。
 
 ```sh
 npm run build
 ```
 
-### 檢測並修正檔案（整理程式碼格式）
+## 開放原始碼授權
 
-```sh
-npm run lint
-```
+本專案採用 MIT 開放原始碼授權。
+
+詳細可參閱 [LICENSE](LICENSE) 檔案。
+
+---
+
+&copy; [Taiwan Web Technology Promotion Organization](https://web-tech.tw)
diff --git a/babel.config.js b/babel.config.js
diff --git a/commitlint.config.js b/commitlint.config.js
@@ -0,0 +1,5 @@
+export default {
+    extends: [
+        "@commitlint/config-conventional",
+    ],
+};
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,5 @@
+import pluginVue from "eslint-plugin-vue";
+
+export default [
+    ...pluginVue.configs["flat/recommended"]
+];
diff --git a/index.html b/index.html
@@ -0,0 +1,60 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Taiwan Web Technology Promotion Organization 臺灣網際網路技術推廣組織</title>
+  <link rel="icon" href="/favicon.ico">
+  <style>
+    .js-required>div {
+      text-align: center;
+      font-family: sans-serif;
+      margin-top: 10px;
+      margin-bottom: 10px;
+    }
+
+    .js-required a {
+      text-decoration: none;
+      color: #007ace;
+    }
+
+    .js-required a:hover {
+      color: #005bcf;
+    }
+
+    .js-required .title {
+      font-size: 1em;
+      font-weight: bold;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+  <noscript>
+    <div class="js-required">
+      <div class="title">
+        Ahoy! It seems that JavaScript is disabled in your browser.
+      </div>
+      <div>
+        The application mandates the use of JavaScript for proper functionality,
+        for rendering content and ensuring a seamless user experience.
+      </div>
+      <div>
+        Please enable JavaScript in your browser settings and refresh the page to continue.
+      </div>
+      <div>
+        Thank you!
+      </div>
+      <div>
+        &copy; <a href="https://web-tech.tw" target="_blank">
+          Taiwan Web Technology Promotion Organization
+        </a>
+      </div>
+    </div>
+  </noscript>
+</body>
+
+</html>