From bf9e5b52609e1c7b3cbf018ed83d76d25bba3a88 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Thu, 31 Aug 2023 15:34:17 +0200
Subject: [PATCH] feat: support `$clicks` context shorthand

---
 packages/slidev/node/plugins/loaders.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/slidev/node/plugins/loaders.ts b/packages/slidev/node/plugins/loaders.ts
index cde052c885..61ac1e7399 100644
--- a/packages/slidev/node/plugins/loaders.ts
+++ b/packages/slidev/node/plugins/loaders.ts
@@ -345,11 +345,13 @@ ${title}
 
     delete frontmatter.title
     const imports = [
-      'import { inject as vueInject } from "vue"',
+      'import { inject as _vueInject, toRef as _vueToRef } from "vue"',
       `import InjectedLayout from "${toAtFS(layouts[layoutName])}"`,
       'import { injectionSlidevContext } from "@slidev/client/constants.ts"',
       `const frontmatter = ${JSON.stringify(frontmatter)}`,
-      'const $slidev = vueInject(injectionSlidevContext)',
+      'const $frontmatter = frontmatter',
+      'const $slidev = _vueInject(injectionSlidevContext)',
+      'const $clicks = _vueToRef($slidev.nav, "clicks")',
     ]
 
     code = code.replace(/(<script setup.*>)/g, `$1\n${imports.join('\n')}\n`)