chore: reduce js files size

src/components/common/Comment.tsx

@@ -118,9 +118,14 @@ export const Comment: React.FC<{
                   <Popover.Button className="group inline-flex items-center rounded-md px-2 text-xl">
                     <FaceSmileIcon className="w-6 h-6 text-zinc-400 hover:text-zinc-500" />
                   </Popover.Button>
-                  <Popover.Panel className="absolute left-0 mt-3 ">
+                  <Popover.Panel className="absolute left-0 top-full">
                     <Picker
-                      data={data}
+                      data={async () => {
+                        const response = await fetch(
+                          "https://cdn.jsdelivr.net/npm/@emoji-mart/data",
+                        )
+                        return response.json()
+                      }}
                       onEmojiSelect={(e: any) =>
                         form.setValue(
                           "content",

src/css/tailwind.css

@@ -25,6 +25,11 @@ body {
   @apply mx-auto;
 }
 
+button,
+a {
+  @apply focus-visible:outline-none;
+}
+
 .button {
   @apply inline-flex;
   @apply items-center;

src/markdown/index.ts

@@ -6,7 +6,7 @@ import rehypeStringify from "rehype-stringify"
 import remarkGfm from "remark-gfm"
 import rehypeSanitize, { defaultSchema } from "rehype-sanitize"
 import rehypeRaw from "rehype-raw"
-import { refractor } from "refractor/lib/all"
+import { refractor } from "refractor"
 import rehypePrismGenerator from "rehype-prism-plus/generator"
 import { rehypeImage } from "./rehype-image"
 import { remarkExcerpt } from "./remark-excerpt"