Compare commits
No commits in common. "bb22d1a72892c2fb6d76155b804cd79dceb050ea" and "78379a18824a8814ee2b1f7c7758b262b79ec1ae" have entirely different histories.
bb22d1a728
...
78379a1882
5 changed files with 14 additions and 65 deletions
14
src/App.vue
14
src/App.vue
|
@ -1,30 +1,22 @@
|
|||
<script lang="ts">
|
||||
import MainMenu from './components/MainMenu.vue'
|
||||
import Search from './components/Search.vue'
|
||||
import Data from './components/Data.vue'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
MainMenu,
|
||||
Search,
|
||||
Data,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
applicationName: this.applicationName,
|
||||
}
|
||||
Search
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<header class="w-screen flex flex-row">
|
||||
<h1 class="">{{ applicationName }}</h1>
|
||||
<header class="w-screen">
|
||||
<h1 class="">{{ this.applicationName }}</h1>
|
||||
<MainMenu />
|
||||
<Search />
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<Data />
|
||||
</main>
|
||||
</template>
|
|
@ -1,18 +0,0 @@
|
|||
<script lang="ts">
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
apiUri: this.appUri,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async fetchData() {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
||||
</template>
|
|
@ -1,17 +1,16 @@
|
|||
<script lang="ts">
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
menuEntries: this.menuEntries,
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ul class="flex flex-row">
|
||||
<li class="p-2" v-for="entry of menuEntries">
|
||||
<a :href="entry.uri">{{ entry.name }}</a>
|
||||
<ul>
|
||||
<li>
|
||||
Startseite
|
||||
</li>
|
||||
<li>
|
||||
Karte
|
||||
</li>
|
||||
<li>
|
||||
Glossar
|
||||
</li>
|
||||
</ul>
|
||||
</template>
|
|
@ -1,11 +1,5 @@
|
|||
<script lang="ts">
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
searchTerm: '',
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
20
src/main.ts
20
src/main.ts
|
@ -5,24 +5,6 @@ import App from './App.vue'
|
|||
|
||||
const app = createApp(App)
|
||||
|
||||
app.config.globalProperties = {
|
||||
...app.config.globalProperties,
|
||||
apiUri: 'https://jsonplaceholder.typicode.com/posts/',
|
||||
applicationName: 'Stadtratmonitor',
|
||||
menuEntries: {
|
||||
0: {
|
||||
name: 'Startseite',
|
||||
uri: '/',
|
||||
},
|
||||
1: {
|
||||
name: 'Karte',
|
||||
uri: '/karte'
|
||||
},
|
||||
2: {
|
||||
name: 'Glossar',
|
||||
uri: '/glossar'
|
||||
}
|
||||
},
|
||||
}
|
||||
app.config.globalProperties.applicationName = 'Stadtratmonitor'
|
||||
|
||||
app.mount('#app')
|
||||
|
|
Loading…
Reference in a new issue