+
+
+
\ No newline at end of file
diff --git a/micromobility-navigation/src/components/bottom-navigation.vue b/micromobility-navigation/src/components/bottom-navigation.vue
new file mode 100644
index 0000000..d839c6b
--- /dev/null
+++ b/micromobility-navigation/src/components/bottom-navigation.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+ mdi-map
+ แผนที่
+
+
+
+
+
+ mdi-heart
+ สถานที่โปรด
+
+
+
+
+
+ mdi-cog
+ การตั้งค่า
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/micromobility-navigation/src/main.js b/micromobility-navigation/src/main.js
index ed33be1..986a361 100644
--- a/micromobility-navigation/src/main.js
+++ b/micromobility-navigation/src/main.js
@@ -1,7 +1,18 @@
import { createApp } from 'vue'
import '@/style.css'
+// Vuetify
+import 'vuetify/styles'
+import { createVuetify } from 'vuetify'
+import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
+
import App from '@/App.vue'
import router from '@/plugins/router'
-createApp(App).use(router).mount('#app')
\ No newline at end of file
+const vuetify = createVuetify({
+ components,
+ directives,
+ })
+
+createApp(App).use(router).use(vuetify).mount('#app')
\ No newline at end of file
diff --git a/micromobility-navigation/src/plugins/router.js b/micromobility-navigation/src/plugins/router.js
index 59de6fa..85a924e 100644
--- a/micromobility-navigation/src/plugins/router.js
+++ b/micromobility-navigation/src/plugins/router.js
@@ -3,6 +3,7 @@ import {createRouter, createWebHistory} from 'vue-router'
const routes = [
{path: '', name: 'home', component: () => import('@/views/Home.vue')},
{path: '/about', name: 'about', component: () => import('@/views/About.vue')},
+ {path: '/favorite', name: 'favorite', component: () => import('@/views/Favorite.vue')},
{path: '/setting', name: 'setting', component: () => import('@/views/Setting.vue')},
]
const router = createRouter({
diff --git a/micromobility-navigation/src/plugins/vuetify.js b/micromobility-navigation/src/plugins/vuetify.js
new file mode 100644
index 0000000..86deb0f
--- /dev/null
+++ b/micromobility-navigation/src/plugins/vuetify.js
@@ -0,0 +1,27 @@
+import { createApp } from 'vue'
+import { createVuetify, ThemeDefinition } from 'vuetify'
+
+const myCustomLightTheme = {
+ dark: false,
+ colors: {
+ background: '#FFFFFF',
+ surface: '#FFFFFF',
+ primary: '#6200EE',
+ 'primary-darken-1': '#3700B3',
+ secondary: '#03DAC6',
+ 'secondary-darken-1': '#018786',
+ error: '#B00020',
+ info: '#2196F3',
+ success: '#4CAF50',
+ warning: '#FB8C00',
+ },
+}
+
+export default createVuetify({
+ theme: {
+ defaultTheme: 'myCustomLightTheme',
+ themes: {
+ myCustomLightTheme,
+ },
+ },
+})
diff --git a/micromobility-navigation/src/style.css b/micromobility-navigation/src/style.css
index e60ec28..74a89d3 100644
--- a/micromobility-navigation/src/style.css
+++ b/micromobility-navigation/src/style.css
@@ -2,9 +2,8 @@
body{
display: block;
margin: auto auto auto auto;
- padding: 1rem 1rem 1rem 1rem;
max-width: 450px;
- height: 925px;
+ max-height: auto;
background-color: white;
}
:root{
diff --git a/micromobility-navigation/src/views/Favorite.vue b/micromobility-navigation/src/views/Favorite.vue
new file mode 100644
index 0000000..2195000
--- /dev/null
+++ b/micromobility-navigation/src/views/Favorite.vue
@@ -0,0 +1,9 @@
+
+
Favorie
+
+
List of Destination
+
List of Destination
+
List of Destination
+
List of Destination
+
+
\ No newline at end of file
diff --git a/micromobility-navigation/src/views/Home.vue b/micromobility-navigation/src/views/Home.vue
index c0ed865..aaf0e2e 100644
--- a/micromobility-navigation/src/views/Home.vue
+++ b/micromobility-navigation/src/views/Home.vue
@@ -1,15 +1,5 @@
-
-