refactor: update theme template

package.json

@@ -70,7 +70,7 @@
     "tsup": "4.11.1",
     "typescript": "^4.3.2",
     "vite": "^2.3.4",
-    "vite-plugin-windicss": "^0.16.4",
+    "vite-plugin-windicss": "^0.16.5",
     "zx": "^1.14.0"
   }
 }

packages/create-theme/template/package.json

@@ -3,21 +3,23 @@
     "slidev-theme",
     "slidev"
   ],
+  "slidev": {
+    "colorSchema": "both",
+    "highlighter": "all"
+  },
   "scripts": {
     "dev": "slidev example.md --open",
     "build": "slidev build example.md",
     "export": "slidev export example.md",
     "screenshot": "slidev export example.md --format png"
   },
-  "peerDependencies": {
-    "@slidev/client": "*"
-  },
   "dependencies": {
     "@slidev/types": "^0.14.0-beta.14",
     "codemirror-theme-vars": "^0.1.1",
     "prism-theme-vars": "^0.2.2",
-    "shiki": "*",
-    "theme-vitesse": "^0.1.11",
-    "vite-plugin-windicss": "*"
+    "theme-vitesse": "^0.1.11"
+  },
+  "devDependencies": {
+    "@slidev/cli": "*"
   }
 }

packages/create-theme/template/setup/shiki.ts

@@ -0,0 +1,10 @@
+import { defineShikiSetup } from '@slidev/types'
+
+export default defineShikiSetup(async({ loadTheme }) => {
+  return {
+    theme: {
+      dark: await loadTheme(require.resolve('theme-vitesse/themes/vitesse-dark.json')),
+      light: await loadTheme(require.resolve('theme-vitesse/themes/vitesse-light.json')),
+    },
+  }
+})

packages/create-theme/template/setup/windicss.ts

@@ -0,0 +1,23 @@
+import { resolve } from 'path'
+import { defineWindiSetup } from '@slidev/types'
+
+export default defineWindiSetup(() => ({
+  extract: {
+    include: [
+      resolve(__dirname, '**/*.{vue,ts}'),
+    ],
+  },
+  shortcuts: {
+    // custom the default background
+    'bg-main': 'bg-white text-[#181818] dark:(bg-[#121212] text-[#ddd])',
+  },
+  theme: {
+    extend: {
+      // fonts can be replaced here, remember to update the web font links in `index.html`
+      fontFamily: {
+        sans: '"Nunito Sans", ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',
+        mono: '"Fira Code", monospace',
+      },
+    },
+  },
+}))

packages/slidev/package.json

@@ -84,7 +84,7 @@
     "vite-plugin-icons": "^0.5.1",
     "vite-plugin-md": "^0.6.7",
     "vite-plugin-remote-assets": "^0.2.2",
-    "vite-plugin-windicss": "^0.16.4",
+    "vite-plugin-windicss": "^0.16.5",
     "vue": "^3.0.11",
     "windicss": "^3.0.12",
     "yargs": "^17.0.1"

scripts/publish.mjs

@@ -2,4 +2,4 @@ import fs from 'fs-extra'
 import { $ } from 'zx'
 
 await fs.copyFile('README.md', 'packages/slidev/README.md')
-await $`npx pnpm -r publish --access public --no-git-checks --tag next`
+await $`npx pnpm -r publish --access public --no-git-checks`