CipherStreamWeb converted to use Vite

src/routes/monosubstitution/beaufort/index.tsx

@@ -0,0 +1,36 @@
+import CipherLoader from '@/components/ciphers/CipherLoader';
+import BeaufortInputs from '@/components/ciphers/monosubstitution/beaufort/BeaufortInputs';
+import { useGetBeaufortInfo } from '@/hooks/monosubstitution/BeaufortHooks';
+import { createFileRoute } from '@tanstack/react-router';
+
+
+/*
+{
+	title: "Beaufort",
+	description: "",
+	keywords: [
+		"Beaufort"
+	]
+}
+*/
+
+
+export const Route = createFileRoute('/monosubstitution/beaufort/')({
+	component: BeaufortPage
+});
+
+
+function BeaufortPage(){
+	const beaufortInfoQuery = useGetBeaufortInfo();
+
+
+	return (
+		<main
+			className="flex flex-col items-center justify-center"
+		>
+			<CipherLoader infoQuery={beaufortInfoQuery}>
+				<BeaufortInputs/>
+			</CipherLoader>
+		</main>
+	);
+}