Generate QR Codes with Just a URL

import React from 'react';

const QRCode = ({ data, size = 200 }) => {
  const qrUrl = `https://api.online-qr.com/v1/make-qr?data=${encodeURIComponent(data)}`;

  return (
    <img
      src={qrUrl}
      alt="QR Code"
      width={size}
      height={size}
    />
  );
};

export default QRCode;

<QRCode data="https://your-website.com" size={250} />

<script setup lang="ts">
defineProps<{
  data: string
  size?: number
}>()

const qrUrl = computed(() =>
  `https://api.online-qr.com/v1/make-qr?data=${encodeURIComponent(props.data)}`
)
</script>

<template>
  <img
    :src="qrUrl"
    alt="QR Code"
    :width="size ?? 200"
    :height="size ?? 200"
  />
</template>

    <QRCode data="https://your-website.com" :size="250" />

<script lang="ts">
  export let data: string;
  export let size = 200;

  $: qrUrl = `https://api.online-qr.com/v1/make-qr?data=${encodeURIComponent(data)}`;
</script>

<img src={qrUrl} alt="QR Code" width={size} height={size} />

      <QRCode data="https://your-website.com" size={250} />

class QRCode extends StatelessWidget {
  final String data;
  final double size;

  const QRCode({
    required this.data,
    this.size = 200,
    Key? key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final qrUrl = 'https://api.online-qr.com/v1/make-qr?data=${Uri.encodeComponent(data)}';

    return Image.network(
      qrUrl,
      width: size,
      height: size,
    );
  }
}

QRCode(
  data: 'https://your-website.com',
  size: 250,
)

=IMAGE("https://api.online-qr.com/v1/make-qr?data=" & ENCODEURL(A1))