chore(Container): add as prop

nuxt · May 16, 2023 · cba95de · cba95de
1 parent 4d8dbfb
commit cba95de
Showing 1 changed file with 6 additions and 2 deletions.
diff --git 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