more updates

Author: jerdog

.prettierrc

@@ -0,0 +1,11 @@
+{
+    "overrides": [
+      {
+        "files": ["slides.md", "pages/*.md"],
+        "options": {
+          "parser": "slidev",
+          "plugins": ["prettier-plugin-slidev"]
+        }
+      }
+    ]
+  }

layouts/image-opacity.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { handleBackground } from '../node_modules/@slidev/client/layoutHelper'
+
+const props = defineProps({
+  image: {
+    type: String,
+  },
+  backgroundSize: {
+    type: String,
+    default: 'contain',
+  },
+  background: {
+    type: String,
+    default: 'rgba(0, 0, 0, 0.5)',
+  },
+})
+
+const style = computed(() => handleBackground(props.image, false, props.backgroundSize))
+</script>
+
+<template>
+  <div class="slidev-layout w-full h-full" :style="style + props.background">
+    <slot />
+  </div>
+</template>

package-lock.json

@@ -15,5 +15,9 @@
     "slidev-addon-qrcode": "^1.0.2",
     "slidev-theme-the-unnamed": "^0.0.20",
     "vue": "^3.4.38"
+  },
+  "devDependencies": {
+    "prettier": "^3.3.3",
+    "prettier-plugin-slidev": "^1.0.5"
   }
 }