src/layouts/BaseLayout.vue

@@ -1,10 +1,19 @@
 <script setup>
 import Sidebar from '@/features/sidebar/components/Sidebar.vue';
+
+import { computed, useSlots } from 'vue';
+
+const slots = useSlots();
+
+const hasSidebarSlot = computed(() => !!slots.sidebar);
 </script>
 
 <template>
-    <div class="layout-container">
-        <div>
+    <div
+        class="layout-container"
+        :style="{ 'grid-template-columns': `${hasSidebarSlot ? 'minmax(auto, 340px) ' : ''}1fr` }"
+    >
+        <div v-if="hasSidebarSlot">
             <Sidebar>
                 <slot name="sidebar" />
             </Sidebar>
@@ -18,6 +27,5 @@ import Sidebar from '@/features/sidebar/components/Sidebar.vue';
 <style scoped>
 .layout-container {
     display: grid;
-    grid-template-columns: minmax(auto, 340px) 1fr;
 }
 </style>