// src/layouts/DefaultLayout.vue
<template>
  <div class="min-h-screen flex flex-col">
    <Header /> <main class="flex-grow">
    <router-view />
  </main>

    <Footer />
  </div>
</template>

<script setup>
import Header from '@/components/Header.vue'; // Import Header Component
import Footer from '@/components/Footer.vue'; // Import Footer Component

const imageBaseUrl = '';

</script>

<style>
/* สไตล์พื้นหลังเฉพาะตัวของ layout นี้ */
body {
  background-color: rgba(255, 255, 255, 0.8); /* สีพื้นหลัง default สำหรับ DefaultLayout */
}
</style>