feat(conf): shiki config + layouts

layouts/auto-grid.vue

@@ -1,3 +1,9 @@
+<script setup lang="ts">
+const props = defineProps<{
+  columns?: number
+}>()
+</script>
+
 <template>
   <div class="slidev-layout">
     <slot />
@@ -9,8 +15,14 @@
 
 <style scoped>
 .auto-grid {
+  --_columns: v-bind(columns);
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(var(--_columns, 2), 1fr);
+  grid-auto-rows: 250px;
   gap: var(--space-xs);
 }
+.auto-grid > * {
+  inline-size: 100%;
+  block-size: 100%;
+}
 </style>

layouts/content.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="slidev-layout content">
+    <div>
+      <slot />
+    </div>
+  </div>
+</template>