feat(content): added much content

layouts/quote.vue

@@ -1,5 +1,17 @@
 <template>
   <div class="slidev-layout place-content-center">
+    <blockquote>
+      <slot name="quote" />
+    </blockquote>
     <slot />
   </div>
 </template>
+
+<style scoped>
+blockquote {
+  padding: 0;
+  margin: var(--space-s) 0;
+  border: initial;
+  background: initial;
+}
+</style>

layouts/title-image.vue

@@ -5,6 +5,14 @@ const props = defineProps({
   image: {
     type: String,
     required: true
+  },
+  ratio: {
+    type: String,
+    default: '3fr 2fr'
+  },
+  imageAlign: {
+    type: String,
+    default: 'center'
   }
 })
 
@@ -14,7 +22,7 @@ const image = imageSrc(props.image)
 <template>
   <div class="slidev-layout h-full title">
     <div class="grid h-full gap-4">
-      <div class="place-self-center">
+      <div>
         <slot />
       </div>
       <div class="image"></div>
@@ -24,12 +32,12 @@ const image = imageSrc(props.image)
 
 <style scoped>
 .grid {
-  grid-template-columns: 3fr 2fr;
+  grid-template-columns: v-bind(ratio);
 }
 .image {
   block-size: 100%;
   background-image: v-bind(image);
   background-size: cover;
-  background-position: center;
+  background-position: v-bind(imageAlign);
 }
 </style>