[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-878":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},878,"slidev","slidevjs\u002Fslidev","slidevjs","Presentation Slides for Developers","https:\u002F\u002Fsli.dev",null,"TypeScript",47120,2097,164,172,0,25,147,740,122,44.97,"MIT License",false,"main",[26,27,28,29,30,31],"markdown","presentation","slides","vite","vue","vueuse","2026-06-12 02:00:20","\u003Cbr>\n\u003Cp align=\"center\">\n\u003Ca href=\"https:\u002F\u002Fsli.dev\" target=\"_blank\">\n\u003Cimg src=\"https:\u002F\u002Fsli.dev\u002Flogo-title.png\" alt=\"Slidev\" height=\"250\" width=\"250\"\u002F>\n\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\nPresentation \u003Cb>slide\u003C\u002Fb>s for \u003Cb>dev\u003C\u002Fb>elopers 🧑‍💻👩‍💻👨‍💻\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n\u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@slidev\u002Fcli\" target=\"__blank\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@slidev\u002Fcli?color=2B90B6&label=\" alt=\"NPM version\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@slidev\u002Fcli\" target=\"__blank\">\u003Cimg alt=\"NPM Downloads\" src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@slidev\u002Fcli?color=349dbe&label=\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fsli.dev\u002F\" target=\"__blank\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fstatic\u002Fv1?label=&message=docs%20%26%20demos&color=45b8cd\" alt=\"Docs & Demos\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fsli.dev\u002Fresources\u002Ftheme-gallery\" target=\"__blank\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fstatic\u002Fv1?label=&message=themes&color=4ec5d4\" alt=\"Themes\">\u003C\u002Fa>\n\u003Cbr>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fslidevjs\u002Fslidev\u002Fstargazers\" target=\"__blank\">\u003Cimg alt=\"GitHub stars\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fslidevjs\u002Fslidev?style=social\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fantfu7\u002Fstatus\u002F1389604687502995457\">Video Preview\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fsli.dev\">Documentation\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cdiv align=\"center\">\n\u003Ctable>\n\u003Ctbody>\n\u003Ctd align=\"center\">\n\u003Cimg width=\"2000\" height=\"0\" alt=\"\" aria-hidden>\u003Cbr>\n\u003Csub>Made possible by my \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fantfu\">Sponsor Program 💖\u003C\u002Fa>\u003C\u002Fsub>\u003Cbr>\n\u003Cimg width=\"2000\" height=\"0\" alt=\"\" aria-hidden>\n\u003C\u002Ftd>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n## Features\n\n- 📝 [**Markdown-based**](https:\u002F\u002Fsli.dev\u002Fguide\u002Fsyntax) - focus on content and use your favorite editor\n- 🧑‍💻 [**Developer Friendly**](https:\u002F\u002Fsli.dev\u002Fguide\u002Fsyntax#code-blocks) - built-in code highlighting, live coding, etc.\n- 🎨 [**Themable**](https:\u002F\u002Fsli.dev\u002Fresources\u002Ftheme-gallery) - theme can be shared and used with npm packages\n- 🌈 [**Stylish**](https:\u002F\u002Fsli.dev\u002Fguide\u002Fsyntax#embedded-styles) - on-demand utilities via [UnoCSS](https:\u002F\u002Fgithub.com\u002Funocss\u002Funocss).\n- 🤹 [**Interactive**](https:\u002F\u002Fsli.dev\u002Fcustom\u002Fdirectory-structure#components) - embedding Vue components seamlessly\n- 🎙 [**Presenter Mode**](https:\u002F\u002Fsli.dev\u002Fguide\u002Fui#presenter-mode) - use another window, or even your phone to control your slides\n- 🎨 [**Drawing**](https:\u002F\u002Fsli.dev\u002Ffeatures\u002Fdrawing) - draw and annotate on your slides\n- 🧮 [**LaTeX**](https:\u002F\u002Fsli.dev\u002Ffeatures\u002Flatex) - built-in LaTeX math equations support\n- 📰 [**Diagrams**](https:\u002F\u002Fsli.dev\u002Fguide\u002Fsyntax#diagrams) - creates diagrams using textual descriptions with [Mermaid](https:\u002F\u002Fmermaid.js.org\u002F)\n- 🌟 [**Icons**](https:\u002F\u002Fsli.dev\u002Ffeatures\u002Ficons) - access to icons from any icon set directly\n- 💻 [**Editor**](https:\u002F\u002Fsli.dev\u002Fguide\u002Findex#editor) - integrated editor, or the [VSCode extension](https:\u002F\u002Fsli.dev\u002Ffeatures\u002Fvscode-extension)\n- 🎥 [**Recording**](https:\u002F\u002Fsli.dev\u002Ffeatures\u002Frecording) - built-in recording and camera view\n- 📤 [**Portable**](https:\u002F\u002Fsli.dev\u002Fguide\u002Fexporting) - export into PDF, PNGs, or PPTX\n- ⚡️ [**Fast**](https:\u002F\u002Fvitejs.dev) - instant reloading powered by [Vite](https:\u002F\u002Fvitejs.dev)\n- 🛠 [**Hackable**](https:\u002F\u002Fsli.dev\u002Fcustom\u002F) - using Vite plugins, Vue components, or any npm packages\n\n## Getting Started\n\n### Try it Online ⚡️\n\n[sli.dev\u002Fnew](https:\u002F\u002Fsli.dev\u002Fnew)\n\n[![](https:\u002F\u002Fdeveloper.stackblitz.com\u002Fimg\u002Fopen_in_stackblitz.svg)](https:\u002F\u002Fsli.dev\u002Fnew)\n\n### Init Project Locally\n\nInstall [Node.js >= 20.12.0](https:\u002F\u002Fnodejs.org\u002F) and run the following command:\n\n```bash\nnpm init slidev\n```\n\nDocumentation:\n**[English](https:\u002F\u002Fsli.dev)** | [中文文档](https:\u002F\u002Fcn.sli.dev) | [Français](https:\u002F\u002Ffr.sli.dev) | [Español](https:\u002F\u002Fes.sli.dev) | [Русский](https:\u002F\u002Fru.sli.dev) | [Português-BR](https:\u002F\u002Fbr.sli.dev)\n\nDiscord: [chat.sli.dev](https:\u002F\u002Fchat.sli.dev)\n\nFor a full example, you can check the [demo](https:\u002F\u002Fgithub.com\u002Fslidevjs\u002Fslidev\u002Fblob\u002Fmain\u002Fdemo) folder, which is also the source file for [my previous talk](https:\u002F\u002Fantfu.me\u002Fposts\u002Fcomposable-vue-vueday-2021).\n\n## Tech Stack\n\n- [Vite](https:\u002F\u002Fvitejs.dev) - An extremely fast frontend tooling\n- [Vue 3](https:\u002F\u002Fv3.vuejs.org\u002F) powered [Markdown](https:\u002F\u002Fdaringfireball.net\u002Fprojects\u002Fmarkdown\u002Fsyntax) - Focus on the content while having the power of HTML and Vue components whenever needed\n- [UnoCSS](https:\u002F\u002Fgithub.com\u002Funocss\u002Funocss) - On-demand utility-first CSS engine, style your slides at ease\n- [Shiki](https:\u002F\u002Fgithub.com\u002Fshikijs\u002Fshiki), [Monaco Editor](https:\u002F\u002Fgithub.com\u002FMicrosoft\u002Fmonaco-editor) - First-class code snippets support with live coding capability\n- [RecordRTC](https:\u002F\u002Frecordrtc.org) - Built-in recording and camera view\n- [VueUse](https:\u002F\u002Fvueuse.org) family - [`@vueuse\u002Fcore`](https:\u002F\u002Fgithub.com\u002Fvueuse\u002Fvueuse), [`@vueuse\u002Fmotion`](https:\u002F\u002Fgithub.com\u002Fvueuse\u002Fmotion), etc.\n- [Iconify](https:\u002F\u002Ficonify.design\u002F) - Icon sets collection.\n- [Drauu](https:\u002F\u002Fgithub.com\u002Fantfu\u002Fdrauu) - Drawing and annotations support\n- [KaTeX](https:\u002F\u002Fkatex.org\u002F) - LaTeX math rendering.\n- [Mermaid](https:\u002F\u002Fmermaid-js.github.io\u002Fmermaid) - Textual Diagrams.\n\n## Sponsors\n\nThis project is made possible by all the sponsors supporting my work:\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fantfu\">\n    \u003Cimg src='https:\u002F\u002Fcdn.jsdelivr.net\u002Fgh\u002Fantfu\u002Fstatic\u002Fsponsors.svg' alt=\"Logos from Sponsors\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n## License\n\nMIT License © 2021 [Anthony Fu](https:\u002F\u002Fgithub.com\u002Fantfu)\n","Slidev 是一个专为开发者设计的演示文稿工具。它基于 Markdown，允许用户专注于内容创作，并支持使用自己熟悉的编辑器。Slidev 的核心功能包括内置代码高亮、实时编码、主题化、样式自定义以及无缝嵌入 Vue 组件等。此外，它还提供了演讲者模式、绘图、LaTeX 数学公式支持、图表生成等功能，极大地丰富了演示文稿的表现力。适用于需要展示技术内容的场景，如技术分享会、开发文档说明或在线教学等。",2,"2026-06-11 02:39:58","top_all"]