From 26e1d3a52688fd6175d13e3d3bc7dfd531822988 Mon Sep 17 00:00:00 2001
From: Ryu <114303361+ryuapp@users.noreply.github.com>
Date: Wed, 13 May 2026 01:50:36 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Add=20oxfmt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yaml      |   2 +-
 .github/workflows/release.yaml |   2 +-
 components/Pagination.vue      |   5 +-
 deno.jsonc                     |  12 +--
 deno.lock                      | 130 +++++++++++++++++++++++++++++++++
 example.md                     |  41 +++++++----
 global-bottom.vue              |  14 ++--
 layouts/profile.vue            |  24 +++---
 layouts/quote.vue              |  10 +--
 oxfmt.config.ts                |   8 ++
 styles/layout.css              |  56 +++++++++-----
 11 files changed, 241 insertions(+), 63 deletions(-)
 create mode 100644 oxfmt.config.ts

diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index 9637f93..b1dab19 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -18,6 +18,6 @@ jobs:
           cache: true
 
       - name: Format
-        run: deno fmt --check
+        run: deno task format:check
       - name: Build
         run: deno task build
diff --git a/.github/workflows/release.yaml b/.github/workflows/release.yaml
index 44c6caf..7d30926 100644
--- a/.github/workflows/release.yaml
+++ b/.github/workflows/release.yaml
@@ -20,7 +20,7 @@ jobs:
         uses: denoland/setup-deno@667a34cdef165d8d2b2e98dde39547c9daac7282 # v2.0.4
 
       - name: Format
-        run: deno fmt --check
+        run: deno task format:check
       - name: Build
         run: deno task build
 
diff --git a/components/Pagination.vue b/components/Pagination.vue
index 8379652..2d3a463 100644
--- a/components/Pagination.vue
+++ b/components/Pagination.vue
@@ -1,6 +1,9 @@
 <template>
   <div
-    v-if="$slidev.configs.showPageCount && !$slidev.configs.disablePageCount?.includes($slidev.nav.currentPage)"
+    v-if="
+      $slidev.configs.showPageCount &&
+      !$slidev.configs.disablePageCount?.includes($slidev.nav.currentPage)
+    "
     class="font-serif text-lg"
   >
     <SlideCurrentNo />
diff --git a/deno.jsonc b/deno.jsonc
index 5ea6f09..2d374aa 100644
--- a/deno.jsonc
+++ b/deno.jsonc
@@ -1,15 +1,17 @@
 {
   "minimumDependencyAge": "P2D",
   "tasks": {
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
     "slidev": "slidev",
     "build": "slidev build example.md",
     "dev": "slidev example.md --open",
     "export": "slidev export example.md",
-    "screenshot": "slidev export example.md --format png"
+    "screenshot": "slidev export example.md --format png",
   },
-  "fmt": {
-    "exclude": ["example.md"],
-    "proseWrap": "preserve"
+  "imports": {
+    "oxfmt": "npm:oxfmt@0.48.0",
   },
-  "nodeModulesDir": "auto"
+  "fmt": false,
+  "nodeModulesDir": "auto",
 }
diff --git a/deno.lock b/deno.lock
index 386ef32..4e842c3 100644
--- a/deno.lock
+++ b/deno.lock
@@ -3,6 +3,7 @@
   "specifiers": {
     "npm:@slidev/cli@52.15.2": "52.15.2_playwright-chromium@1.60.0",
     "npm:@slidev/types@52.15.2": "52.15.2_@emnapi+core@1.10.0_@emnapi+runtime@1.10.0_jiti@2.7.0_typescript@5.9.3_vite@8.0.12__jiti@2.7.0__yaml@2.9.0_yaml@2.9.0",
+    "npm:oxfmt@0.48.0": "0.48.0",
     "npm:playwright-chromium@1.60.0": "1.60.0"
   },
   "npm": {
@@ -539,6 +540,101 @@
     "@oxc-project/types@0.129.0": {
       "integrity": "sha512-3oz8m3FGdr2nDXVqmFUw7jolKliC4MoyXYIG2c7gpjBnzUWQpUGIYcXYKxTdTi+N2jusvt610ckTMkxdwHkYEg=="
     },
+    "@oxfmt/binding-android-arm-eabi@0.48.0": {
+      "integrity": "sha512-uwqk+/KhQvBIpULD8SMM/zAafMRC/+DV/xsEQjkkIsJ/kLmEI/2bxonVowcYTiXqqZ/a0FEW8DPkZY3VvwELDA==",
+      "os": ["android"],
+      "cpu": ["arm"]
+    },
+    "@oxfmt/binding-android-arm64@0.48.0": {
+      "integrity": "sha512-VUCiKuXK5+McVssgHEJdrcGK7hRJzrRb36zm9/jwzMholyYt4BgXhw5Nm1V1DX6Ce717Zi/1jk432b/tgmQgtQ==",
+      "os": ["android"],
+      "cpu": ["arm64"]
+    },
+    "@oxfmt/binding-darwin-arm64@0.48.0": {
+      "integrity": "sha512-IkKp8rnIyQLW6Jt+6jragCbUVYSayk55lapiprLjIVvt4NczLyO/nwX2GgefLQ5iaBdfS8UEAFgCs/pLO6Cl0w==",
+      "os": ["darwin"],
+      "cpu": ["arm64"]
+    },
+    "@oxfmt/binding-darwin-x64@0.48.0": {
+      "integrity": "sha512-+aFuhsGIuvnoOjXyKVHMhPKJZR1kQkAl8QyrKoMlA7yJsSTC3N0Asl53La8TChSHhW8epToQ/Q0nvLmEmfNmLg==",
+      "os": ["darwin"],
+      "cpu": ["x64"]
+    },
+    "@oxfmt/binding-freebsd-x64@0.48.0": {
+      "integrity": "sha512-fbqzQL8FjI9gGnktI7RIo0dksDziTAYBy7xlI7jU7eID5fxLF/25fS4Xj6GydD8Y5oWHL83U4NK160QaOAxtyg==",
+      "os": ["freebsd"],
+      "cpu": ["x64"]
+    },
+    "@oxfmt/binding-linux-arm-gnueabihf@0.48.0": {
+      "integrity": "sha512-hn4i0zhAyTiB3ZHjQfYUZkDvrbVkohw1S7pySWxWUoZ87HnkDoTFThj7QTxk40hNPOTUP0vHbPRNamFIv1HBJQ==",
+      "os": ["linux"],
+      "cpu": ["arm"]
+    },
+    "@oxfmt/binding-linux-arm-musleabihf@0.48.0": {
+      "integrity": "sha512-R4WBD9qF3QM9hqgdAa+fBGXmquTvDUujrPQ36t2Sjk8RPOSKGHDeN7l/khr10hqbQaOq9KCgPHG9ubNET/X/RQ==",
+      "os": ["linux"],
+      "cpu": ["arm"]
+    },
+    "@oxfmt/binding-linux-arm64-gnu@0.48.0": {
+      "integrity": "sha512-5bVdwSwlm1M8wbYCorLOxWxUBw/8tBvHYyQNIfwWVPwOJaj5vg1APSGJQVpwJfV5VNE9PSrR91UKEpoNwHhqUA==",
+      "os": ["linux"],
+      "cpu": ["arm64"]
+    },
+    "@oxfmt/binding-linux-arm64-musl@0.48.0": {
+      "integrity": "sha512-vCS3Fk7gFslTqE1lUE2IlroyVV7u/9SmMA/uBqDoshuck2psGWcjW0ePyPZI3rM3+qtf2pDaMVIKMHozraifuw==",
+      "os": ["linux"],
+      "cpu": ["arm64"]
+    },
+    "@oxfmt/binding-linux-ppc64-gnu@0.48.0": {
+      "integrity": "sha512-gKtfFfueUClXDumyoHUbymqRf7prHejOOyzJK0eIJn93GF9JBdFHdo60TM1ZBHxkEwZvjuOgHmKtneKbEOc/Eg==",
+      "os": ["linux"],
+      "cpu": ["ppc64"]
+    },
+    "@oxfmt/binding-linux-riscv64-gnu@0.48.0": {
+      "integrity": "sha512-SYt0UhOvZD/UwZz9sXq6J2uAw8o24f5VZpLB2DH01f6MevshmlgakQlZe2lwek2sZJkd07eLu7mZa0g7yeiw7Q==",
+      "os": ["linux"],
+      "cpu": ["riscv64"]
+    },
+    "@oxfmt/binding-linux-riscv64-musl@0.48.0": {
+      "integrity": "sha512-JLbrwck2AopG4ud/XklZO5N+qxGC7cS7ROvXZVNfx0MCLDDL2kGOLvzuWORkVjnjAM0CMAfIMU2zNBtQbM+4dw==",
+      "os": ["linux"],
+      "cpu": ["riscv64"]
+    },
+    "@oxfmt/binding-linux-s390x-gnu@0.48.0": {
+      "integrity": "sha512-mdxt5L8OQLxkQH+JVpdC/lknZNe0lX4hlO3d8+xvw2wToo+iDrid9tiGOd5bmHfUVd5wVhrUry0qlu5vq66NkQ==",
+      "os": ["linux"],
+      "cpu": ["s390x"]
+    },
+    "@oxfmt/binding-linux-x64-gnu@0.48.0": {
+      "integrity": "sha512-oEz1BQwMrV7OMEFx/3VPDU3n9TM0AnxpktDYXjEg5i6nTX87wo18wSfBvkl4tzAICdKtoAQAdBIl7Y7hsPlx5w==",
+      "os": ["linux"],
+      "cpu": ["x64"]
+    },
+    "@oxfmt/binding-linux-x64-musl@0.48.0": {
+      "integrity": "sha512-g2SKTTurP5mWjd8Ecait0erYqmltL4IqW1EwttM25BxM6NiTt4ubobJYMR1uox1V2QgG4UfHH10CGRvWlUixjw==",
+      "os": ["linux"],
+      "cpu": ["x64"]
+    },
+    "@oxfmt/binding-openharmony-arm64@0.48.0": {
+      "integrity": "sha512-CIg24VgheEpvolHL2gQuax5qcQ602bRMHrJ9g8XsQr3iVj9aSPgopigBKuMqrXsupwkrU+RQCn5cG8PgFntR6w==",
+      "os": ["openharmony"],
+      "cpu": ["arm64"]
+    },
+    "@oxfmt/binding-win32-arm64-msvc@0.48.0": {
+      "integrity": "sha512-zeaWkcxcEULwkGF3I/HgEvcDPN8buYDrxibBUa/IFh5Vmwyge+KpLO+hEwSovW349H0O/C0Z2kaFmEzEDm00/Q==",
+      "os": ["win32"],
+      "cpu": ["arm64"]
+    },
+    "@oxfmt/binding-win32-ia32-msvc@0.48.0": {
+      "integrity": "sha512-yiEKnIAGvx5CyZQOlMaNlZkAbwT7/Quk0j3WLt+PR5hK+qYjPTRRJYDfD77wCBPLvEYAG41v4KG3iL0H+uxoxg==",
+      "os": ["win32"],
+      "cpu": ["ia32"]
+    },
+    "@oxfmt/binding-win32-x64-msvc@0.48.0": {
+      "integrity": "sha512-GSD2+7t2UoVMV2NgxXypa4bKewflPMAjYnF0Xw9/ht82ZfafAHhb8STwrEd7wlH2PFogt5zw3WVCxYJaHUdbeQ==",
+      "os": ["win32"],
+      "cpu": ["x64"]
+    },
     "@pdf-lib/standard-fonts@1.0.0": {
       "integrity": "sha512-hU30BK9IUN/su0Mn9VdlVKsWBS6GyhVfqjwl1FjZN4TxP6cCw0jP2w7V3Hf5uX7M0AZJ16vey9yE0ny7Sa59ZA==",
       "dependencies": [
@@ -3227,6 +3323,34 @@
         "oxc-parser"
       ]
     },
+    "oxfmt@0.48.0": {
+      "integrity": "sha512-AVaLh+7XeGx+R1zfFV+f6VV61nT2MWVJXVUDhbTm5LBWGyNt64xAyh3NYYyjeY2WykNt9AvqSQLPHcbWquYF9g==",
+      "dependencies": [
+        "tinypool"
+      ],
+      "optionalDependencies": [
+        "@oxfmt/binding-android-arm-eabi",
+        "@oxfmt/binding-android-arm64",
+        "@oxfmt/binding-darwin-arm64",
+        "@oxfmt/binding-darwin-x64",
+        "@oxfmt/binding-freebsd-x64",
+        "@oxfmt/binding-linux-arm-gnueabihf",
+        "@oxfmt/binding-linux-arm-musleabihf",
+        "@oxfmt/binding-linux-arm64-gnu",
+        "@oxfmt/binding-linux-arm64-musl",
+        "@oxfmt/binding-linux-ppc64-gnu",
+        "@oxfmt/binding-linux-riscv64-gnu",
+        "@oxfmt/binding-linux-riscv64-musl",
+        "@oxfmt/binding-linux-s390x-gnu",
+        "@oxfmt/binding-linux-x64-gnu",
+        "@oxfmt/binding-linux-x64-musl",
+        "@oxfmt/binding-openharmony-arm64",
+        "@oxfmt/binding-win32-arm64-msvc",
+        "@oxfmt/binding-win32-ia32-msvc",
+        "@oxfmt/binding-win32-x64-msvc"
+      ],
+      "bin": true
+    },
     "p-map@7.0.4": {
       "integrity": "sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ=="
     },
@@ -3659,6 +3783,9 @@
         "picomatch@4.0.4"
       ]
     },
+    "tinypool@2.1.0": {
+      "integrity": "sha512-Pugqs6M0m7Lv1I7FtxN4aoyToKg1C4tu+/381vH35y8oENM/Ai7f7C4StcoK4/+BSw9ebcS8jRiVrORFKCALLw=="
+    },
     "to-regex-range@5.0.1": {
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
       "dependencies": [
@@ -4143,6 +4270,9 @@
     }
   },
   "workspace": {
+    "dependencies": [
+      "npm:oxfmt@0.48.0"
+    ],
     "packageJson": {
       "dependencies": [
         "npm:@slidev/cli@52.15.2",
diff --git a/example.md b/example.md
index 3bbcc96..6694669 100644
--- a/example.md
+++ b/example.md
@@ -1,11 +1,11 @@
 ---
 theme: ./
 showPageCount: true
-disablePageCount: [1,7,9,11]
+disablePageCount: [1, 7, 9, 11]
 themeConfig:
-  primary: '#39b54a'
+  primary: "#39b54a"
 htmlAttrs:
-  lang: 'ja'
+  lang: "ja"
 ---
 
 # Slidevテーマ Soba
@@ -18,25 +18,29 @@ profileImage: https://img.ryu.app/logo/ryuapp.svg
 ---
 
 # Ryu
+
 フロントエンド開発者
+
 - [Portfolio](https://ryu.app)
 - [GitHub](https://github.com/ryuapp/)
 
 ---
 
 # Sobaとは？
+
 日本語向けのシンプルな[Slidev](https://github.com/slidevjs/slidev)のスライドテーマです
 
 マークダウンでのスライド作成に集中出来るように  
-「**見やすさ**」と「__手軽さ__」を重視した細かい調整を行なっています  
+「**見やすさ**」と「**手軽さ**」を重視した細かい調整を行なっています  
 <br>
+
 ## 調整内容
+
 1. 日本語フォントの使用
-    - 日本語 ⇒ [Noto Sans JP](https://fonts.google.com/noto/specimen/Noto+Sans+JP)
-    - アルファベットや記号 ⇒ [Poppins](https://fonts.google.com/specimen/Poppins)
+   - 日本語 ⇒ [Noto Sans JP](https://fonts.google.com/noto/specimen/Noto+Sans+JP)
+   - アルファベットや記号 ⇒ [Poppins](https://fonts.google.com/specimen/Poppins)
 2. 文字の大きさ、太さ、間隔
 
-
 ---
 
 # Slidevとは？
@@ -48,7 +52,7 @@ Slidevはスライド作成ツールであり、開発者向けに設計され
 - 🎨 **テーマの切り替え** - npm を通じてテーマを共有できる
 - 🧑‍💻 **開発者フレンドリー** - コードハイライト、オートコンプリートによるライブコーディングができる
 - 🤹 **インタラクティブ** - Vue コンポーネントを埋め込んで表現を強化できる
-- 🎥 **録画・撮影** -  録画機能とカメラビューがあります
+- 🎥 **録画・撮影** - 録画機能とカメラビューがあります
 - 📤 **便利** - PDF、PNG、またはホスティング可能な SPA で出力できる
 - 🛠 **カスタマイズ** - Webページで出来る事は何でもできる
 
@@ -62,6 +66,7 @@ layout: section
 ---
 
 # Section
+
 最初のセクション
 
 ---
@@ -69,6 +74,7 @@ layout: center
 ---
 
 # Center
+
 中央揃え
 
 ---
@@ -76,6 +82,7 @@ layout: quote
 ---
 
 # Quote
+
 <blockquote>
   <p>
   深淵を覗く時<br />
@@ -90,13 +97,16 @@ image: /soba.jpg
 ---
 
 # Image-right
+
 右に画像
+
 ---
 layout: image-left
 image: /soba.jpg
 ---
 
 # Image-left
+
 左に画像
 
 ---
@@ -105,23 +115,26 @@ image: /soba.jpg
 ---
 
 # Image
+
 全面に画像
 
 ---
 
 # Code
+
 コードスニペットを利用することで、ハイライトを簡単に実装出来ます
+
 ```ts {|4|6-8|}
 // main.ts
-import { Hono } from 'hono'
+import { Hono } from "hono";
 
-const app = new Hono()
+const app = new Hono();
 
-app.get('/', (c) => {
-  return c.text('Hello Hono!')
-})
+app.get("/", (c) => {
+  return c.text("Hello Hono!");
+});
 
-export default app
+export default app;
 ```
 
 ---
diff --git a/global-bottom.vue b/global-bottom.vue
index 35db5ff..d5321bc 100644
--- a/global-bottom.vue
+++ b/global-bottom.vue
@@ -1,10 +1,10 @@
 import Pagination from './components/Pagination.vue';
 
 <template>
-    <footer class="absolute bottom-0 pb-1 px-3 w-full">
-        <div class="flex justify-between w">
-            <div></div>
-            <Pagination />
-        </div>
-    </footer>
-</template>
\ No newline at end of file
+  <footer class="absolute bottom-0 w-full px-3 pb-1">
+    <div class="w flex justify-between">
+      <div></div>
+      <Pagination />
+    </div>
+  </footer>
+</template>
diff --git a/layouts/profile.vue b/layouts/profile.vue
index af4f08c..4b62d17 100644
--- a/layouts/profile.vue
+++ b/layouts/profile.vue
@@ -1,15 +1,15 @@
 <template>
-    <div class="slidev-layout profile">
-      <div class="my-auto w-full grid grid-cols-2">
-        <div>
-            <slot />
-        </div>
-        <div class="m-12">
-            <img 
-                class="rounded-full aspect-square w-full my-auto" 
-                :src="$attrs.profileImage || '/soba.jpg'"
-            />
-        </div>
+  <div class="slidev-layout profile">
+    <div class="my-auto grid w-full grid-cols-2">
+      <div>
+        <slot />
+      </div>
+      <div class="m-12">
+        <img
+          class="my-auto aspect-square w-full rounded-full"
+          :src="$attrs.profileImage || '/soba.jpg'"
+        />
       </div>
     </div>
-</template>
\ No newline at end of file
+  </div>
+</template>
diff --git a/layouts/quote.vue b/layouts/quote.vue
index 230c20b..f262dce 100644
--- a/layouts/quote.vue
+++ b/layouts/quote.vue
@@ -1,7 +1,7 @@
 <template>
-    <div class="slidev-layout quote">
-      <div class="my-auto">
-        <slot />
-      </div>
+  <div class="slidev-layout quote">
+    <div class="my-auto">
+      <slot />
     </div>
-  </template>
\ No newline at end of file
+  </div>
+</template>
diff --git a/oxfmt.config.ts b/oxfmt.config.ts
new file mode 100644
index 0000000..21a8dc6
--- /dev/null
+++ b/oxfmt.config.ts
@@ -0,0 +1,8 @@
+import { defineConfig } from "oxfmt";
+
+export default defineConfig({
+  sortImports: true,
+  sortTailwindcss: true,
+  sortPackageJson: false,
+  ignorePatterns: ["example.md"],
+});
diff --git a/styles/layout.css b/styles/layout.css
index eba7392..ea5f6e9 100644
--- a/styles/layout.css
+++ b/styles/layout.css
@@ -9,10 +9,22 @@ code,
 }
 
 .slidev-layout {
-  h1, h2, h3, h4, h5, h6, p, ul {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  ul {
     @apply text-zinc-700;
   }
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     @apply font-medium;
   }
 }
@@ -37,27 +49,29 @@ code,
 
 .slidev-layout.cover,
 .slidev-layout.intro {
-  @apply h-full grid text-center;
+  @apply grid h-full text-center;
 
   h1 {
     @apply text-6xl leading-20;
   }
 
   h1 + p {
-    @apply -mt-2 text-zinc-600 mb-4;
+    @apply -mt-2 mb-4 text-zinc-600;
   }
 
   p {
     @apply text-2xl;
   }
 
-  p + h2, ul + h2, table + h2 {
+  p + h2,
+  ul + h2,
+  table + h2 {
     @apply mt-10;
   }
 }
 
 .slidev-layout.section {
-  @apply h-full grid;
+  @apply grid h-full;
 
   h1 {
     @apply text-5xl;
@@ -68,9 +82,14 @@ code,
 }
 
 .slidev-layout.center {
-  @apply h-full grid text-center;
+  @apply grid h-full text-center;
 
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     @apply font-bold;
   }
   h1 {
@@ -106,43 +125,46 @@ code,
     @apply mt-2;
   }
   blockquote {
-    @apply before:content-["“"] after:content-["”"] w-fit mx-auto text-zinc-900 bg-zinc-200 border-0 grid text-left;
+    @apply mx-auto grid w-fit border-0 bg-zinc-200 text-left text-zinc-900 before:content-["“"] after:content-["”"];
   }
-  blockquote:before, blockquote:after {
-    @apply text-5xl font-bold text-zinc-600 justify-self-end font-serif;
+  blockquote:before,
+  blockquote:after {
+    @apply justify-self-end font-serif text-5xl font-bold text-zinc-600;
   }
   blockquote:before {
     @apply justify-self-start;
   }
   blockquote:after {
-    @apply justify-self-end pt-4 h-10;
+    @apply h-10 justify-self-end pt-4;
   }
   blockquote p {
-    @apply text-zinc-900 bg-zinc-200 border-0 text-xl px-6;
+    @apply border-0 bg-zinc-200 px-6 text-xl text-zinc-900;
   }
   blockquote p + footer {
     @apply mt-2;
   }
   blockquote footer {
-    @apply text-right text-zinc-600 text-lg px-6;
+    @apply px-6 text-right text-lg text-zinc-600;
   }
 }
 
 .slidev-layout.end {
-  @apply bg-black h-full grid text-center;
+  @apply grid h-full bg-black text-center;
 
   h1 {
     @apply text-zinc-100;
   }
   h1 + p {
-    @apply -mt-2 text-zinc-100 mb-4;
+    @apply -mt-2 mb-4 text-zinc-100;
   }
 
   p {
     @apply text-2xl;
   }
 
-  p + h2, ul + h2, table + h2 {
+  p + h2,
+  ul + h2,
+  table + h2 {
     @apply mt-10;
   }
 }