this is a dirty sync commit

This commit is contained in:
Vri 🌈 2023-06-07 22:12:45 +02:00
parent 3cf5b26f26
commit bb22d1a728
Signed by: vrifox
GPG key ID: D40098E5B60B2197
5 changed files with 63 additions and 15 deletions

View file

@ -1,22 +1,30 @@
<script lang="ts"> <script lang="ts">
import MainMenu from './components/MainMenu.vue' import MainMenu from './components/MainMenu.vue'
import Search from './components/Search.vue' import Search from './components/Search.vue'
import Data from './components/Data.vue'
export default { export default {
components: { components: {
MainMenu, MainMenu,
Search Search,
Data,
},
data() {
return {
applicationName: this.applicationName,
}
} }
} }
</script> </script>
<template> <template>
<header class="w-screen"> <header class="w-screen flex flex-row">
<h1 class="">{{ this.applicationName }}</h1> <h1 class="">{{ applicationName }}</h1>
<MainMenu /> <MainMenu />
<Search /> <Search />
</header> </header>
<main> <main>
<Data />
</main> </main>
</template> </template>

18
src/components/Data.vue Normal file
View file

@ -0,0 +1,18 @@
<script lang="ts">
export default {
data() {
return {
apiUri: this.appUri,
}
},
methods: {
async fetchData() {
}
}
}
</script>
<template>
</template>

View file

@ -1,16 +1,17 @@
<script lang="ts"> <script lang="ts">
export default {
data() {
return {
menuEntries: this.menuEntries,
}
},
}
</script> </script>
<template> <template>
<ul> <ul class="flex flex-row">
<li> <li class="p-2" v-for="entry of menuEntries">
Startseite <a :href="entry.uri">{{ entry.name }}</a>
</li>
<li>
Karte
</li>
<li>
Glossar
</li> </li>
</ul> </ul>
</template> </template>

View file

@ -1,5 +1,11 @@
<script lang="ts"> <script lang="ts">
export default {
data() {
return {
searchTerm: '',
}
}
}
</script> </script>
<template> <template>

View file

@ -6,8 +6,23 @@ import App from './App.vue'
const app = createApp(App) const app = createApp(App)
app.config.globalProperties = { app.config.globalProperties = {
...app.config.globalProperties, ...app.config.globalProperties,
applicationName: 'Stadtratmonitor', apiUri: 'https://jsonplaceholder.typicode.com/posts/',
applicationName: 'Stadtratmonitor',
menuEntries: {
0: {
name: 'Startseite',
uri: '/',
},
1: {
name: 'Karte',
uri: '/karte'
},
2: {
name: 'Glossar',
uri: '/glossar'
}
},
} }
app.mount('#app') app.mount('#app')