refactor: 🛠️ tidy up

marmicode · Dec 2, 2024 · 4c8895f · 4c8895f
1 parent ecffc30
commit 4c8895f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/apps/cookbook/docs/nx/02-transitioning/01-set-up-nx.mdx b/apps/cookbook/docs/nx/02-transitioning/01-set-up-nx.mdx
@@ -9,7 +9,7 @@ description: Learn how to set up Nx.
 
 If you are fortunate enough to start a new project from scratch, then you can simply generate a new Nx workspace using the following command:
 
-import NpmCommand from '@site/src/components/npm-command';
+import { NpmCommand } from '@site/src/components/npm-command';
 
 <NpmCommand args="create nx-workspace@latest <name> --preset <preset>" />
 

diff --git a/apps/cookbook/src/components/npm-command.spec.tsx b/apps/cookbook/src/components/npm-command.spec.tsx
@@ -1,7 +1,7 @@
 import { render } from '@testing-library/react';
 import React from 'react';
 import { expect, test } from 'vitest';
-import NpmCommand from './npm-command';
+import { NpmCommand } from './npm-command';
 import { getProps } from '../testing/utils';
 
 test('should render bun, pnpm, npm, and yarn commands', () => {

diff --git a/apps/cookbook/src/components/npm-command.tsx b/apps/cookbook/src/components/npm-command.tsx
@@ -3,7 +3,7 @@ import CodeBlock from '@theme/CodeBlock';
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-export default function NpmCommand({ args }: { args: string | ArgsRecord }) {
+export function NpmCommand({ args }: { args: string | ArgsRecord }) {
   const argsRecord: ArgsRecord =
     typeof args === 'string'
       ? {