QR Code

The fundamental theorem must certainly be regarded as one of the most elegant of its type.

Example

COMMENT

You need to install qrcode yourself.

Show Code

<script lang="ts" setup>
import qrcode from 'qrcode'
import { RInput, RQRCode, RSpace } from 'roughness'
import { computed, ref } from 'vue'

const text = ref('Disquisitiones Arithmeticae')

const data = computed(() => {
  const { modules } = qrcode.create(text.value)
  return modules
})
</script>

<template>
  <RSpace vertical>
    <RQRCode :data="data" />
    <RInput v-model="text" />
  </RSpace>
</template>

Usage

Props

Name	Type	Default Value	Description
data		Required
graphicsOptions

Styles

Name	Type	Default Value	Description
--r-qr-code-color
--r-qr-code-size