feat: add qr code component

components/QRCode.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import VueQrcode from '@chenfengyuan/vue-qrcode'
+
+defineProps({
+  value: {
+    required: true,
+    type: String
+  }
+})
+</script>
+
+<style lang="scss">
+  svg path:nth-child(2) {
+    stroke: var(--slidev-theme-primary);
+  }
+</style>
+
+<template>
+  <vue-qrcode :value="value" tag="svg"></vue-qrcode>
+</template>

example.md

@@ -97,6 +97,15 @@ function updateUser(id: number, update: Partial<User>) {
   saveUser(id, newUser)
 }
 ```
+---
+
+# QR-Code
+
+```html
+<QRCode value="https://openscript.ch" style="width: 200px" />
+```
+
+<QRCode value="https://openscript.ch" style="width: 200px" />
 
 ---
 layout: center

package.json

@@ -25,6 +25,7 @@
     "release:create-github-release": "conventional-github-releaser -p angular"
   },
   "dependencies": {
+    "@chenfengyuan/vue-qrcode": "^2.0.0",
     "@fontsource/fira-code": "^5.0.16",
     "@fontsource/pt-sans": "^5.0.8",
     "@slidev/types": "^0.46.1",