36 lines
1.1 KiB
Vue
36 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
import Legal from "./home_components/legal.vue";
|
|
import Settings_sidebar from "./settings_components/settings_sidebar.vue";
|
|
import Settings_navbar from "./settings_components/settings_navbar.vue";
|
|
import Settings_main from "./settings_components/settings_main.vue";
|
|
import Navigationbar from "./home_components/navigationbar.vue";
|
|
import Contacts from "./home_components/contacts.vue";
|
|
|
|
const selectedSetting = ref('');
|
|
|
|
// Aktualisieren der ausgewählten Einstellung
|
|
function handleUpdateSetting(setting: string) {
|
|
selectedSetting.value = setting;
|
|
console.log(`Setting got (S): ${setting}`);
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div id="main" class="bg-hintergrund-farbe flex">
|
|
<div id="left" class=" w-72">
|
|
<navigationbar></navigationbar>
|
|
<settings_sidebar @updateSetting="handleUpdateSetting"></settings_sidebar>
|
|
</div>
|
|
<div class="w-100p border-x-grau2 border-x-2">
|
|
<settings_main :selectedSetting="selectedSetting"></settings_main>
|
|
</div>
|
|
<div class="w-1/4">
|
|
<contacts></contacts>
|
|
<legal></legal>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
</style> |