slidev-theme-frankfurt 1.0.2 → 1.0.4

package/README.md

@@ -13,7 +13,7 @@ A theme for [Slidev](https://github.com/slidevjs/slidev), inspired by the Frankf
   run `npm run dev` to check out the slides for more details of how to start writing a theme
 -->
 
-![](screenshots/001.png)
+![](screenshots/01.png)
 
 ## Install
 
@@ -51,7 +51,7 @@ This theme provides the following component:
 </Item>
 ```
 
-![](screenshots/006.png)
+![](screenshots/06.png)
 
 ## Contributing
 

package/components/Frankfurt.vue

@@ -15,13 +15,15 @@
 <script setup lang="ts">
 	import { computed } from "vue";
 
+	import type { SlideInfoBase } from "@slidev/types";
+
 	const sections = computed(() => {
 		const result: [string, number[]][] = [];
 		let pages: number[] = [];
 		let title = "";
-		for(let i = 1; i < $slidev.nav.rawRoutes.length; i++) {
-			const route = $slidev.nav.rawRoutes[i];
-			const section = route.meta?.slide?.frontmatter?.section;
+		for(let i = 1; i < $slidev.nav.slides.length; i++) {
+			const slide = $slidev.nav.slides[i];
+			const section = (slide.meta?.slide as SlideInfoBase)?.frontmatter?.section;
 			if(section) {
 				if(pages.length > 0) result.push([title, pages]);
 				pages = [];

package/components/InfoLine.vue

@@ -8,7 +8,7 @@
 		</div>
 		<div class="flex-1 p-1" style="background:#3333B3">
 			<div class="float-right">
-				<SlideCurrentNo /> /
+				{{ $slidev.nav.currentPage }} /
 				<SlidesTotal />
 			</div>
 			{{ $slidev.configs.date || new Date().toLocaleDateString() }}

package/components/slidev.d.ts

@@ -9,6 +9,15 @@ declare global {
 
 declare module 'vue' {
 	interface ComponentCustomProperties {
+		$slidev: UnwrapNestedRefs<SlidevContext>;
 		$renderContext: string;
 	}
 }
+
+declare module '@slidev/types' {
+	interface SlidevConfig {
+		infoLine?: boolean;
+		date?: string;
+		author?: string;
+	}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "slidev-theme-frankfurt",
-	"version": "1.0.2",
+	"version": "1.0.4",
 	"type": "module",
 	"description": "A theme for Slidev, inspired by the Frankfurt theme in Beamer.",
 	"repository": {
@@ -24,14 +24,14 @@
 		"screenshot": "slidev export example.md --per-slide --format png --output screenshots"
 	},
 	"dependencies": {
-		"@slidev/types": "^0.43.14",
+		"@slidev/types": "^0.48.3",
 		"codemirror-theme-vars": "^0.1.2",
 		"prism-theme-vars": "^0.2.4",
-		"theme-vitesse": "^0.7.3"
+		"theme-vitesse": "^0.7.7"
 	},
 	"devDependencies": {
-		"@slidev/cli": "^0.43.14",
-		"playwright-chromium": "^1.39.0"
+		"@slidev/cli": "^0.48.3",
+		"playwright-chromium": "^1.42.1"
 	},
 	"//": "Learn more: https://sli.dev/themes/write-a-theme.html",
 	"slidev": {

package/setup/shiki.ts

@@ -1,4 +1,4 @@
-import { defineShikiSetup } from '@slidev/types/dist/index.mjs'
+import { ShikiSetupReturn, defineShikiSetup } from '@slidev/types/dist/index.mjs'
 
 export default defineShikiSetup(async () => {
 	return {
@@ -6,5 +6,5 @@ export default defineShikiSetup(async () => {
 			dark: 'dark-plus',
 			light: 'light-plus',
 		},
-	}
-})
+	} as ShikiSetupReturn;
+});