2 files changed, 31 insertions, 0 deletions
diff --git a/docs/layouts/default.vue b/docs/layouts/default.vue
new file mode 100644
index 0000000..c45640e
--- /dev/null
+++ b/docs/layouts/default.vue
@@ -0,0 +1,5 @@
+<template>
+  <DocsPageLayout>
+    <slot />
+  </DocsPageLayout>
+</template>
diff --git a/docs/layouts/page.vue b/docs/layouts/page.vue
new file mode 100644
index 0000000..c6168d4
--- /dev/null
+++ b/docs/layouts/page.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+const { config } = useDocus()
+</script>
+
+<template>
+  <div class="page-layout">
+    <Container
+      :fluid="config?.main?.fluid"
+      :padded="config?.main?.padded"
+    >
+      <article>
+        <slot />
+      </article>
+    </Container>
+  </div>
+</template>
+
+<style lang="ts" scoped>
+css({
+  '.page-layout': {
+    display: 'flex',
+    flexDirection: 'column',
+    position: 'relative'
+  }
+})
+</style>