refactor: now slidev context can be accessed via $slidev, e.g. $slide…

…v.nav.next() for next step

packages/client/main.ts

@@ -4,6 +4,7 @@ import App from './App.vue'
 import setupMain from './setup/main'
 import { router } from './routes'
 import createDirectives from './modules/directives'
+import createSlidevContext from './modules/context'
 
 import 'virtual:windi-base.css'
 import 'virtual:windi-components.css'
@@ -17,6 +18,7 @@ const app = createApp(App)
 app.use(router)
 app.use(createHead())
 app.use(createDirectives())
+app.use(createSlidevContext())
 
 setupMain({ app, router })
 

packages/client/modules/context.ts

@@ -0,0 +1,18 @@
+import { App } from 'vue'
+import * as nav from '../logic/nav'
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $slidev: {nav: typeof nav}
+  }
+}
+
+export default function createSlidevContext() {
+  return {
+    install(app: App) {
+      app.config.globalProperties.$slidev = {
+        nav,
+      }
+    },
+  }
+}

packages/create-app/template/slides.md

@@ -19,7 +19,7 @@ info: |
 Presentation slides for developers
 
 <div class="pt-12">
-  <span @click="next" class="px-2 p-1 rounded cursor-pointer" hover="bg-white bg-opacity-10">
+  <span @click="$slidev.nav.next" class="px-2 p-1 rounded cursor-pointer" hover="bg-white bg-opacity-10">
     Press Space for next page <carbon:arrow-right class="inline"/>
   </span>
 </div>