docs: add esm talk

.github/workflows/gh.yml

@@ -0,0 +1,33 @@
+name: GitHub Pages
+
+on:
+ push:
+ branches:
+ - main
+ pull_request:
+
+jobs:
+ deploy:
+ runs-on: ubuntu-20.04
+ # defaults:
+ # run:
+ # working-directory: docs
+ concurrency:
+ group: ${{ github.workflow }}-${{ github.ref }}
+ steps:
+ - uses: actions/checkout@v2
+
+ - name: Setup Node
+ uses: actions/setup-node@v2
+ with:
+ node-version: '16'
+ - run: npm install 
+ - run: npm run build -- ./esm-talk.md --base /talks/
+ # - run: npm run export
+
+ - name: Deploy
+ uses: peaceiris/actions-gh-pages@v3
+ if: ${{ github.ref == 'refs/heads/main' }}
+ with:
+ github_token: ${{ secrets.GITHUB_TOKEN }}
+ publish_dir: ./dist

.gitignore

@@ -0,0 +1,7 @@
+node_modules
+.DS_Store
+dist
+*.local
+index.html
+.remote-assets
+components.d.ts

.npmrc

@@ -0,0 +1,3 @@
+# for pnpm
+shamefully-hoist=true
+package-lock=false

README.md

@@ -0,0 +1,11 @@
+# Welcome to [Slidev](https://github.com/slidevjs/slidev)!
+
+To start the slide show:
+
+- `npm install`
+- `npm run dev`
+- visit http://localhost:3030
+
+Edit the [slides.md](./slides.md) to see the changes.
+
+Learn more about Slidev on [documentations](https://sli.dev/).

components/Counter.vue

@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const props = defineProps({
+ count: {
+ default: 0,
+ },
+})
+
+const counter = ref(props.count)
+</script>
+
+<template>
+ <div flex="~" w="min" border="~ gray-400 opacity-50 rounded-md">
+ <button
+ border="r gray-400 opacity-50"
+ p="2"
+ font="mono"
+ outline="!none"
+ hover:bg="gray-400 opacity-20"
+ @click="counter -= 1"
+ >
+ -
+ </button>
+ <span m="auto" p="2">{{ counter }}</span>
+ <button
+ border="l gray-400 opacity-50"
+ p="2"
+ font="mono"
+ outline="!none"
+ hover:bg="gray-400 opacity-20"
+ @click="counter += 1"
+ >
+ +
+ </button>
+ </div>
+</template>