Make output look better

facebook · Nov 12, 2021 · b894444 · b894444
1 parent 075b4de
commit b894444
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/docusaurus-remark-plugin-npm2yarn/src/__tests__/__snapshots__/index.test.ts.snap b/packages/docusaurus-remark-plugin-npm2yarn/src/__tests__/__snapshots__/index.test.ts.snap
@@ -5,7 +5,7 @@ exports[`npm2yarn plugin test: already imported tabs components above are not re
 
 import TabItem from '@theme/TabItem';
 
-<Tabs >
+<Tabs>
 <TabItem value=\\"npm\\">
 
 \`\`\`bash
@@ -25,7 +25,7 @@ import TabItem from '@theme/TabItem';
 `;
 
 exports[`npm2yarn plugin test: already imported tabs components below are not re-imported 1`] = `
-"<Tabs >
+"<Tabs>
 <TabItem value=\\"npm\\">
 
 \`\`\`bash
@@ -52,7 +52,7 @@ exports[`npm2yarn plugin test: installation file 1`] = `
 "import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-<Tabs >
+<Tabs>
 <TabItem value=\\"npm\\">
 
 \`\`\`bash
@@ -94,7 +94,7 @@ import TabItem from '@theme/TabItem';
 
 A plugin is usually a npm package, so you install them like other npm packages using npm.
 
-<Tabs >
+<Tabs>
 <TabItem value=\\"npm\\">
 
 \`\`\`bash

diff --git a/packages/docusaurus-remark-plugin-npm2yarn/src/index.ts b/packages/docusaurus-remark-plugin-npm2yarn/src/index.ts
@@ -19,13 +19,13 @@ interface PluginOptions {
 const convertNpmToYarn = (npmCode: string) => npmToYarn(npmCode, 'yarn');
 
 const transformNode = (node: Code, isSync: boolean) => {
-  const groupIdProp = isSync ? 'groupId="npm2yarn" ' : '';
+  const groupIdProp = isSync ? ' groupId="npm2yarn"' : '';
   const npmCode = node.value;
   const yarnCode = convertNpmToYarn(node.value);
   return [
     {
       type: 'jsx',
-      value: `<Tabs ${groupIdProp}>\n<TabItem value="npm">`,
+      value: `<Tabs${groupIdProp}>\n<TabItem value="npm">`,
     },
     {
       type: node.type,