feat: useLayoutWrapper

2026-02-11 09:24:05 -05:00
parent 71a48de945
commit 3ec98fdc2d
17 changed files with 259 additions and 162 deletions
--- a/wp-content/themes/moonshine/app/components/builder/LayoutWrapper.vue
+++ b/wp-content/themes/moonshine/app/components/builder/LayoutWrapper.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+const props = defineProps<{ layoutSettings?: LayoutSettings }>();
+const { base, inner } = useLayoutWrapper(props.layoutSettings);
+</script>
+
+<template>
+  <section :class="base()">
+    <div :class="inner()">
+      <slot />
+    </div>
+  </section>
+</template>