setup enviroment

.eslintrc.js

@@ -13,5 +13,6 @@ module.exports = {
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'max-len': 'off'
   },
 };

.gitignore

@@ -4,6 +4,7 @@ node_modules
 
 
 # local env files
+.env
 .env.local
 .env.*.local
 

deploy.sh

@@ -0,0 +1,22 @@
+#!/usr/bin/env sh
+
+# 当发生错误时中止脚本
+set -e
+
+# 构建
+npm run build
+
+# cd 到构建输出的目录下
+cd dist
+
+# 部署到自定义域域名
+# echo 'www.example.com' > CNAME
+
+git init
+git add -A
+git commit -m 'deploy'
+
+# 部署到 https://<USERNAME>.github.io/<REPO>
+git push -f https://github.com/viccjiang/taiwan_travel.git master:gh-pages
+
+cd -

package.json

@@ -8,8 +8,15 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^0.26.1",
+    "bootstrap": "^5.1.3",
+    "bootstrap-icons": "^1.8.1",
     "core-js": "^3.6.5",
+    "jssha": "^3.2.0",
+    "mitt": "^3.0.0",
     "vue": "^3.0.0",
+    "vue-axios": "^3.4.1",
+    "vue-loading-overlay": "^5.0.3",
     "vue-router": "^4.0.0-0"
   },
   "devDependencies": {

src/App.vue

@@ -1,30 +1,22 @@
 <template>
+  <Navbar></Navbar>
   <div id="nav">
     <router-link to="/">Home</router-link> |
     <router-link to="/about">About</router-link>
   </div>
   <router-view/>
 </template>
 
-<style lang="scss">
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-
-#nav {
-  padding: 30px;
+<script>
+import Navbar from './components/Navbar.vue';
 
-  a {
-    font-weight: bold;
-    color: #2c3e50;
+export default {
+  components: {
+    Navbar,
+  },
+};
+</script>
 
-    &.router-link-exact-active {
-      color: #42b983;
-    }
-  }
-}
+<style lang="scss">
+@import "./assets/all.scss";
 </style>