create-slidev-theme 52.14.1 → 52.15.0

package/index.mjs

@@ -17,6 +17,10 @@ const require = createRequire(import.meta.url)
 const __dirname = fileURLToPath(new URL('.', import.meta.url))
 const { version } = require('./package.json')
 
+const RE_PNPM = /pnpm/
+const RE_YARN = /yarn/
+const RE_SLIDEV_THEME_PREFIX = /^slidev-theme-/
+
 const renameFiles = {
   _gitignore: '.gitignore',
   _npmrc: '.npmrc',
@@ -72,9 +76,9 @@ async function init() {
 
   prepareTemplate(root, path.join(__dirname, 'template'), packageName)
 
-  const pkgManager = (/pnpm/.test(process.env.npm_execpath) || /pnpm/.test(process.env.npm_config_user_agent))
+  const pkgManager = (RE_PNPM.test(process.env.npm_execpath) || RE_PNPM.test(process.env.npm_config_user_agent))
     ? 'pnpm'
-    : /yarn/.test(process.env.npm_execpath) ? 'yarn' : 'npm'
+    : RE_YARN.test(process.env.npm_execpath) ? 'yarn' : 'npm'
 
   const related = path.relative(cwd, root)
 
@@ -142,7 +146,7 @@ function getValidPackageName(projectName) {
 }
 
 function getThemeName(pkgName) {
-  return pkgName.replace(/^slidev-theme-/, '')
+  return pkgName.replace(RE_SLIDEV_THEME_PREFIX, '')
 }
 
 function copyDir(srcDir, destDir) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-slidev-theme",
   "type": "module",
-  "version": "52.14.1",
+  "version": "52.15.0",
   "description": "Create starter theme template for Slidev",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -17,7 +17,7 @@
     "create-slidev-theme": "index.mjs"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.12.0"
   },
   "dependencies": {
     "ansis": "^4.2.0",

package/template/example.md

@@ -1,5 +1,6 @@
 ---
 theme: ./
+background: https://cover.sli.dev
 ---
 
 # Slidev Theme Starter

package/template/layouts/cover.vue

@@ -1,5 +1,19 @@
+<script setup lang="ts">
+import { handleBackground } from '@slidev/client/layoutHelper'
+import { computed } from 'vue'
+
+const props = defineProps({
+  background: {
+    type: String,
+    default: undefined,
+  },
+})
+
+const style = computed(() => handleBackground(props.background))
+</script>
+
 <template>
-  <div class="slidev-layout cover">
+  <div class="slidev-layout cover" :style="style">
     <div class="my-auto w-full">
       <slot />
     </div>

package/template/layouts/intro.vue

@@ -1,5 +1,19 @@
+<script setup lang="ts">
+import { handleBackground } from '@slidev/client/layoutHelper'
+import { computed } from 'vue'
+
+const props = defineProps({
+  background: {
+    type: String,
+    default: undefined,
+  },
+})
+
+const style = computed(() => handleBackground(props.background))
+</script>
+
 <template>
-  <div class="slidev-layout intro">
+  <div class="slidev-layout intro" :style="style">
     <div class="my-auto">
       <slot />
     </div>

package/template/package.json

@@ -5,7 +5,7 @@
     "slidev"
   ],
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.12.0"
   },
   "scripts": {
     "build": "slidev build example.md",
@@ -14,10 +14,10 @@
     "screenshot": "slidev export example.md --format png"
   },
   "dependencies": {
-    "@slidev/types": "^52.14.1"
+    "@slidev/types": "^52.15.0"
   },
   "devDependencies": {
-    "@slidev/cli": "^52.14.1"
+    "@slidev/cli": "^52.15.0"
   },
   "//": "Learn more: https://sli.dev/guide/write-theme.html",
   "slidev": {