<template>
    <n-message-provider>
        <FlashMessages 
            :messages="props.flashMessages"
        />
    </n-message-provider>
    <div>
        Willkommen auf der Hauptseite
    </div>
    <div>
        {{ helloWorld }}
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import FlashMessages from '@/components/FlashMessages.vue'

const props = defineProps({
    test: String,
    flashMessages: Object
})

const helloWorld = ref<String>("helloWorld")

</script>