feat: add QR code generator tool

Add a sixth tool with live SVG preview, customizable foreground/background
colors, error correction level, margin control, and export as PNG (256–2048px)
or SVG. URL params enable shareable state. All processing runs client-side
via the qrcode package.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-28 00:58:57 +01:00
parent 695ba434e2
commit f917891a31
13 changed files with 776 additions and 16 deletions

19
app/(app)/qrcode/page.tsx Normal file
View File

@@ -0,0 +1,19 @@
import type { Metadata } from 'next';
import { QRCodeGenerator } from '@/components/qrcode/QRCodeGenerator';
import { AppPage } from '@/components/layout/AppPage';
import { getToolByHref } from '@/lib/tools';
const tool = getToolByHref('/qrcode')!;
export const metadata: Metadata = { title: tool.title };
export default function QRCodePage() {
return (
<AppPage
title={tool.title}
description={tool.description}
>
<QRCodeGenerator />
</AppPage>
);
}