Add QR code to final slide

package-lock.json

@@ -9,6 +9,7 @@
         "@iconify-json/mdi": "^1.1.66",
         "@slidev/cli": "^0.48.8",
         "@slidev/theme-default": "latest",
+        "slidev-addon-qrcode": "^1.0.2",
         "vue": "^3.4.21"
       }
     },
@@ -6788,6 +6789,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/qr-code-styling": {
+      "version": "1.6.0-rc.1",
+      "resolved": "https://registry.npmjs.org/qr-code-styling/-/qr-code-styling-1.6.0-rc.1.tgz",
+      "integrity": "sha512-ModRIiW6oUnsP18QzrRYZSc/CFKFKIdj7pUs57AEVH20ajlglRpN3HukjHk0UbNMTlKGuaYl7Gt6/O5Gg2NU2Q==",
+      "dependencies": {
+        "qrcode-generator": "^1.4.3"
+      }
+    },
+    "node_modules/qrcode-generator": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/qrcode-generator/-/qrcode-generator-1.4.4.tgz",
+      "integrity": "sha512-HM7yY8O2ilqhmULxGMpcHSF1EhJJ9yBj8gvDEuZ6M+KGJ0YY2hKpnXvRD+hZPLrDVck3ExIGhmPtSdcjC+guuw=="
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -7166,6 +7180,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/slidev-addon-qrcode": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/slidev-addon-qrcode/-/slidev-addon-qrcode-1.0.2.tgz",
+      "integrity": "sha512-vYjfu8KHnOaiijWaQFc5LaaglDIISGZ5Bx4m0RbmDlPiIZDseEoJX6O3Lxh4LaaCdo5JpMK/3o6CcNZtcTqpLg==",
+      "dependencies": {
+        "qr-code-styling": "^1.6.0-rc.1"
+      },
+      "engines": {
+        "slidev": ">=0.32.1"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",

package.json

@@ -11,6 +11,7 @@
     "@iconify-json/mdi": "^1.1.66",
     "@slidev/cli": "^0.48.8",
     "@slidev/theme-default": "latest",
+    "slidev-addon-qrcode": "^1.0.2",
     "vue": "^3.4.21"
   }
 }

slides.md

@@ -6,6 +6,8 @@ transition: slide-left
 mdc: true
 themeConfig:
   primary: '#fd5765'
+addons:
+  - "slidev-addon-qrcode"
 ---
 
 # Recovering [deleted]{style="color: #fd5765"} Wagtail pages and Django models
@@ -213,3 +215,14 @@ background: https://cdn.jsdelivr.net/gh/wagtail/wagtail@main/.github/wagtail-scr
 ---
 layout: end
 ---
+
+END
+
+<div class="absolute right-1/2 bottom-20 translate-x-1/2">
+  <QRCode
+    :width="150"
+    :height="150"
+    data="https://wagtail.org/blog/recovering-deleted-pages-and-models/"
+    :dotsOptions="{ color: 'white' }"
+  />
+</div>