feat: init

2026-09-22 13:48:35 +00:00 · 2024-05-25 08:09:30 +08:00
commit bd47e755d5
298 changed files with 21915 additions and 0 deletions
@@ -0,0 +1,81 @@
+<script setup>
+import QRCodeStyling from 'qr-code-styling'
+
+const props = defineProps({
+  data: {
+    type: String,
+    required: true,
+  },
+  image: {
+    type: String,
+    default: '',
+  },
+})
+const options = {
+  width: 256,
+  height: 256,
+  data: props.data,
+  margin: 10,
+  qrOptions: { typeNumber: '0', mode: 'Byte', errorCorrectionLevel: 'Q' },
+  imageOptions: { hideBackgroundDots: true, imageSize: 0.4, margin: 2 },
+  dotsOptions: { type: 'dots', color: '#000000', gradient: null },
+  backgroundOptions: { color: '#ffffff', gradient: null },
+  image: props.image,
+  dotsOptionsHelper: {
+    colorType: { single: true, gradient: false },
+    gradient: {
+      linear: true,
+      radial: false,
+      color1: '#6a1a4c',
+      color2: '#6a1a4c',
+      rotation: '0',
+    },
+  },
+  cornersSquareOptions: { type: 'extra-rounded', color: '#000000' },
+  cornersSquareOptionsHelper: {
+    colorType: { single: true, gradient: false },
+    gradient: {
+      linear: true,
+      radial: false,
+      color1: '#000000',
+      color2: '#000000',
+      rotation: '0',
+    },
+  },
+  cornersDotOptions: { type: 'dot', color: '#000000' },
+  cornersDotOptionsHelper: {
+    colorType: { single: true, gradient: false },
+    gradient: {
+      linear: true,
+      radial: false,
+      color1: '#000000',
+      color2: '#000000',
+      rotation: '0',
+    },
+  },
+  backgroundOptionsHelper: {
+    colorType: { single: true, gradient: false },
+    gradient: {
+      linear: true,
+      radial: false,
+      color1: '#ffffff',
+      color2: '#ffffff',
+      rotation: '0',
+    },
+  },
+}
+
+const qrCode = new QRCodeStyling(options)
+const qrCodeEl = ref(null)
+
+onMounted(() => {
+  qrCode.append(qrCodeEl.value)
+})
+</script>
+
+<template>
+  <div
+    ref="qrCodeEl"
+    :data-text="data"
+  />
+</template>