refactor(docs): kbd dx (#4047)

heroui-inc · Nov 14, 2024 · 5aad6fe · 5aad6fe
1 parent 1fe7eb2
commit 5aad6fe
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 18 deletions.
diff --git a/apps/docs/content/components/kbd/keys.raw.jsx b/apps/docs/content/components/kbd/keys.raw.jsx
@@ -0,0 +1,11 @@
+import {Kbd} from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <div className="flex gap-4">
+      <Kbd keys={["command"]}>K</Kbd>
+      <Kbd keys={["command", "shift"]}>N</Kbd>
+      <Kbd keys={["option", "command"]}>P</Kbd>
+    </div>
+  );
+}
diff --git a/apps/docs/content/components/kbd/keys.ts b/apps/docs/content/components/kbd/keys.ts
@@ -1,14 +1,4 @@
-const App = `import {Kbd} from "@nextui-org/react";
-
-export default function App() {
-  return (
-    <div className="flex gap-4">
-      <Kbd keys={["command"]}>K</Kbd>
-      <Kbd keys={["command", "shift"]}>N</Kbd>
-      <Kbd keys={["option", "command"]}>P</Kbd>
-    </div>  
-  );
-}`;
+import App from "./keys.raw.jsx?raw";
 
 const react = {
   "/App.jsx": App,

diff --git a/apps/docs/content/components/kbd/usage.raw.jsx b/apps/docs/content/components/kbd/usage.raw.jsx
@@ -0,0 +1,5 @@
+import {Kbd} from "@nextui-org/react";
+
+export default function App() {
+  return <Kbd keys={["command"]}>K</Kbd>;
+}
diff --git a/apps/docs/content/components/kbd/usage.ts b/apps/docs/content/components/kbd/usage.ts
@@ -1,10 +1,4 @@
-const App = `import {Kbd} from "@nextui-org/react";
-
-export default function App() {
-  return (
-    <Kbd keys={["command"]}>K</Kbd>
-  );
-}`;
+import App from "./usage.raw.jsx?raw";
 
 const react = {
   "/App.jsx": App,