feat(website): add bun to install options (#938)

fontsource · Feb 11, 2024 · 328a354 · 328a354
1 parent 75a0da4
commit 328a354
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/website/app/components/code/Code.tsx b/website/app/components/code/Code.tsx
@@ -108,7 +108,6 @@ export const CodeMdx = (props: CodeProps) => {
 
 	// Inline code
 	if (language === '')
-		// @ts-expect-error - Mantine v7 typings bug
 		return <MantineCode className={classes['inline-code']} {...props} />;
 
 	const code = props.children?.toString().trim() ?? '';
@@ -128,7 +127,6 @@ export const Code = ({ language, children, ...others }: CodeDirectProps) => {
 	// Inline code
 	if (language === '')
 		return (
-			// @ts-expect-error - Mantine v7 typings bug
 			<MantineCode className={classes['inline-code']} {...others}>
 				{children}
 			</MantineCode>

diff --git a/website/app/components/code/PackageManagerCode.tsx b/website/app/components/code/PackageManagerCode.tsx
@@ -16,11 +16,11 @@ export const PackageManagerCode = ({ cmd, ...props }: PackageManagerProps) => {
 				<Tabs.Tab value="npm">npm</Tabs.Tab>
 				<Tabs.Tab value="yarn">yarn</Tabs.Tab>
 				<Tabs.Tab value="pnpm">pnpm</Tabs.Tab>
+				<Tabs.Tab value="bun">bun</Tabs.Tab>
 			</Tabs.List>
 
 			<div className={classes.panels}>
 				<Tabs.Panel value="npm" pt="xs">
-					{/* @ts-expect-error - Invalid typing for new v7 */}
 					<CodeWrapper
 						language={language}
 						code={'npm install ' + cmd}
@@ -30,17 +30,20 @@ export const PackageManagerCode = ({ cmd, ...props }: PackageManagerProps) => {
 					</CodeWrapper>
 				</Tabs.Panel>
 				<Tabs.Panel value="yarn" pt="xs">
-					{/* @ts-expect-error - Invalid typing for new v7 */}
 					<CodeWrapper language={language} code={'yarn add ' + cmd} {...props}>
 						<CodeHighlight language={language} code={'yarn add ' + cmd} />
 					</CodeWrapper>
 				</Tabs.Panel>
 				<Tabs.Panel value="pnpm" pt="xs">
-					{/* @ts-expect-error - Invalid typing for new v7 */}
 					<CodeWrapper language={language} code={'pnpm add ' + cmd} {...props}>
 						<CodeHighlight language={language} code={'pnpm add ' + cmd} />
 					</CodeWrapper>
 				</Tabs.Panel>
+				<Tabs.Panel value="bun" pt="xs">
+					<CodeWrapper language={language} code={'bun add ' + cmd} {...props}>
+						<CodeHighlight language={language} code={'bun add ' + cmd} />
+					</CodeWrapper>
+				</Tabs.Panel>
 			</div>
 		</Tabs>
 	);