feature login

src/views/MainContainer.vue

@@ -1,16 +1,42 @@
 <template>
   <header>
-    <Header />
+    <Header/>
+    <Navbar/>
   </header>
-  <h1>這是 MainContainer 頁</h1>
+  <main>
+    <router-view></router-view>
+  </main>
 </template>
 
 <script>
-import Header from "./header/index.vue"
+import loginStore from '@/stores/login.js';
+import Header from "@/components/Header.vue";
+import Navbar from "@/components/Navbar.vue";
 
 export default {
+  name: 'MainContainer',
+  setup() {
+    const store = loginStore();
+    const { checkLogin } = store;
+
+    return {
+      checkLogin,
+    }
+  },
   components: {
     Header,
+    Navbar,
   },
+  created() {
+    /**
+     * Save token in Headers.
+     */
+    const token = document.cookie.replace(/(?:(?:^|.*;\s*)luciaToken\s*\=\s*([^;]*).*$)|^.*$/, "$1");
+    this.$http.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+    /**
+     * check login for 'my-account' api
+     */
+    this.checkLogin();
+  }
 };
 </script>