From cba95de72b8bdabc1f8ff37627e6161e3b80073d Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 16 May 2023 12:57:33 +0200
Subject: [PATCH] chore(Container): add `as` prop

---
 src/runtime/components/layout/Container.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/layout/Container.vue b/src/runtime/components/layout/Container.vue
index 9d912a48..dc32ee1a 100644
--- a/src/runtime/components/layout/Container.vue
+++ b/src/runtime/components/layout/Container.vue
@@ -1,7 +1,7 @@
 <template>
-  <div :class="[ui.base, ui.padding, ui.constrained]">
+  <component :is="as" :class="[ui.base, ui.padding, ui.constrained]">
     <slot />
-  </div>
+  </component>
 </template>
 
 <script lang="ts">
@@ -17,6 +17,10 @@ import appConfig from '#build/app.config'
 
 export default defineComponent({
   props: {
+    as: {
+      type: String,
+      default: 'div'
+    },
     ui: {
       type: Object as PropType<Partial<typeof appConfig.ui.container>>,
       default: () => appConfig.ui.container