From 9fbed976b51196e11d6afe37d13323392bb83793 Mon Sep 17 00:00:00 2001
From: isamu <isamu@to-kyo.to>
Date: Sun, 18 Oct 2026 15:35:40 +0900
Subject: [PATCH 1/2] chore: add prettier with format and format:check

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .github/workflows/pull_request.yaml | 3 +++
 .prettierignore                     | 4 ++++
 .prettierrc                         | 3 +++
 package.json                        | 5 ++++-
 yarn.lock                           | 5 +++++
 5 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 .prettierignore
 create mode 100644 .prettierrc

diff --git a/.github/workflows/pull_request.yaml b/.github/workflows/pull_request.yaml
index e031a93..c902e22 100644
--- a/.github/workflows/pull_request.yaml
+++ b/.github/workflows/pull_request.yaml
@@ -51,6 +51,9 @@ jobs:
     - run: yarn install --frozen-lockfile --network-timeout 120000
     - run: yarn run typecheck
     - run: yarn run lint
+    # Windows checkouts get CRLF line endings, which prettier reports as unformatted.
+    - run: yarn run format:check
+      if: runner.os == 'Linux'
     - run: yarn run build
     # Sanity-check `npm pack` only once (Linux + Node 24) to avoid
     # 6-way artifact-name collisions; lint/build coverage is what
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..2e8551b
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,4 @@
+.scoria/
+scoria.config.json
+dist/
+coverage/
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..91a3517
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,3 @@
+{
+  "printWidth": 160
+}
diff --git a/package.json b/package.json
index 65320f7..5dcb620 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,9 @@
     "build": "vite build && vue-tsc -p tsconfig.build.json --emitDeclarationOnly",
     "typecheck": "vue-tsc --noEmit",
     "lint": "eslint src demo",
-    "quality": "scoria"
+    "quality": "scoria",
+    "format": "prettier --write \"{src,demo}/**/*.{ts,tsx,vue,json,css}\" \"*.{ts,js,json}\"",
+    "format:check": "prettier --check \"{src,demo}/**/*.{ts,tsx,vue,json,css}\" \"*.{ts,js,json}\""
   },
   "peerDependencies": {
     "gui-chat-protocol": "^2.1.0",
@@ -48,6 +50,7 @@
     "eslint-plugin-vue": "^10.11.1",
     "globals": "^17.13.0",
     "gui-chat-protocol": "^2.3.0",
+    "prettier": "^3.9.10",
     "scoria": "^0.4.1",
     "tailwindcss": "^4.3.3",
     "typescript": "~6.0.3",
diff --git a/yarn.lock b/yarn.lock
index 31ea689..97c37b2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2681,6 +2681,11 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier@^3.9.10:
+  version "3.9.10"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.9.10.tgz#ac378e432f1a7381518f2e080816bbaefa38d585"
+  integrity sha512-skGHTH1Yb9QvaTC4hWnRTzEYtCpApF0UMBPz+t/0ZPzP8ihefo/btKd+QA7pUE0fEwA1SbS/NmhyEcstdXOIdA==
+
 pretty-ms@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/pretty-ms/-/pretty-ms-7.0.1.tgz#7d903eaab281f7d8e03c66f867e239dc32fb73e8"

From 8329a34c04de9e721ca3d3d7202f45b2c7dd8b4a Mon Sep 17 00:00:00 2001
From: isamu <isamu@to-kyo.to>
Date: Sun, 18 Oct 2026 15:35:41 +0900
Subject: [PATCH 2/2] style: format with prettier

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 demo/App.vue           | 24 +++-----------
 src/core/definition.ts | 21 ++++--------
 src/core/index.ts      | 22 ++-----------
 src/core/logic.ts      | 75 +++++++++++++++++++++++++-----------------
 src/core/plugin.ts     | 27 ++++-----------
 src/core/types.ts      |  5 +--
 src/vue/Preview.vue    | 18 ++--------
 src/vue/View.vue       | 57 +++++++-------------------------
 src/vue/index.ts       |  9 +----
 tsconfig.eslint.json   | 15 ++-------
 vite.config.ts         |  3 +-
 11 files changed, 84 insertions(+), 192 deletions(-)

diff --git a/demo/App.vue b/demo/App.vue
index 5d74d6e..3243791 100644
--- a/demo/App.vue
+++ b/demo/App.vue
@@ -19,11 +19,7 @@
     <div v-if="ViewComponent" class="bg-gray-800 rounded-lg p-5 mb-5 shadow-md">
       <h2 class="text-gray-200 text-xl mb-4">View Component</h2>
       <div class="border border-gray-600 rounded h-[500px]">
-        <component
-          :is="ViewComponent"
-          :selectedResult="result"
-          :sendTextMessage="handleSendMessage"
-        />
+        <component :is="ViewComponent" :selectedResult="result" :sendTextMessage="handleSendMessage" />
       </div>
     </div>
 
@@ -44,17 +40,8 @@
 <script setup lang="ts">
 import { ref, computed } from "vue";
 import { plugin, executeTicTacToe } from "../src/vue";
-import type {
-  ToolResult,
-  ToolSample,
-  ToolPlugin,
-  SendTextMessageOptions,
-} from "gui-chat-protocol/vue";
-import type {
-  TicTacToeArgs,
-  TicTacToeState,
-  TicTacToeClickData,
-} from "../src/core/types";
+import type { ToolResult, ToolSample, ToolPlugin, SendTextMessageOptions } from "gui-chat-protocol/vue";
+import type { TicTacToeArgs, TicTacToeState, TicTacToeClickData } from "../src/core/types";
 import { playTicTacToe } from "../src/core/logic";
 
 const currentPlugin = plugin as unknown as ToolPlugin;
@@ -127,10 +114,7 @@ const processUserMove = (row: number, col: number, currentState: TicTacToeState)
   };
 
   // If it's now computer's turn and game is not over, make computer move
-  if (
-    !newState.isTerminal &&
-    newState.playerNames[newState.currentSide] === "computer"
-  ) {
+  if (!newState.isTerminal && newState.playerNames[newState.currentSide] === "computer") {
     // Small delay for visual feedback
     setTimeout(() => {
       makeComputerMove(newState);
diff --git a/src/core/definition.ts b/src/core/definition.ts
index 31a2cc7..b4a2dd1 100644
--- a/src/core/definition.ts
+++ b/src/core/definition.ts
@@ -9,8 +9,7 @@ export const TOOL_NAME = "playTicTacToe";
 export const TOOL_DEFINITION: ToolDefinition = {
   type: "function",
   name: TOOL_NAME,
-  description:
-    "Play Tic-Tac-Toe (Noughts and Crosses) game with the user. You can start a new game or make moves on the 3x3 board.",
+  description: "Play Tic-Tac-Toe (Noughts and Crosses) game with the user. You can start a new game or make moves on the 3x3 board.",
   parameters: {
     type: "object",
     properties: {
@@ -21,22 +20,19 @@ export const TOOL_DEFINITION: ToolDefinition = {
       },
       col: {
         type: "number",
-        description:
-          "Column position for the move (0-2, required for 'move' action). Left=0, Center=1, Right=2",
+        description: "Column position for the move (0-2, required for 'move' action). Left=0, Center=1, Right=2",
         minimum: 0,
         maximum: 2,
       },
       row: {
         type: "number",
-        description:
-          "Row position for the move (0-2, required for 'move' action). Top=0, Middle=1, Bottom=2",
+        description: "Row position for the move (0-2, required for 'move' action). Top=0, Middle=1, Bottom=2",
         minimum: 0,
         maximum: 2,
       },
       board: {
         type: "array",
-        description:
-          "Current 3x3 board state BEFORE the move (required for 'move' action). Pass the current board state as-is.",
+        description: "Current 3x3 board state BEFORE the move (required for 'move' action). Pass the current board state as-is.",
         items: {
           type: "array",
           items: {
@@ -48,13 +44,11 @@ export const TOOL_DEFINITION: ToolDefinition = {
       currentSide: {
         type: "string",
         enum: ["X", "O"],
-        description:
-          "Current player's side (required for 'move' action). X always goes first.",
+        description: "Current player's side (required for 'move' action). X always goes first.",
       },
       playerNames: {
         type: "object",
-        description:
-          "Player assignments (required for 'move' action)",
+        description: "Player assignments (required for 'move' action)",
         properties: {
           X: {
             type: "string",
@@ -70,8 +64,7 @@ export const TOOL_DEFINITION: ToolDefinition = {
       firstPlayer: {
         type: "string",
         enum: ["user", "computer"],
-        description:
-          "Optional: Which player should play as X (goes first) for 'new_game' action. If not specified, will be chosen randomly.",
+        description: "Optional: Which player should play as X (goes first) for 'new_game' action. If not specified, will be chosen randomly.",
       },
     },
     required: ["action"],
diff --git a/src/core/index.ts b/src/core/index.ts
index 117694e..f24ad11 100644
--- a/src/core/index.ts
+++ b/src/core/index.ts
@@ -3,28 +3,10 @@
  */
 
 // Export plugin-specific types
-export type {
-  Cell,
-  Side,
-  TicTacToeBoard,
-  PlayerType,
-  TicTacToeArgs,
-  NewGameCommand,
-  MoveCommand,
-  Command,
-  TicTacToeState,
-  TicTacToeClickData,
-} from "./types";
+export type { Cell, Side, TicTacToeBoard, PlayerType, TicTacToeArgs, NewGameCommand, MoveCommand, Command, TicTacToeState, TicTacToeClickData } from "./types";
 
 // Export plugin utilities
-export {
-  TOOL_NAME,
-  TOOL_DEFINITION,
-  SYSTEM_PROMPT,
-  playTicTacToe,
-  executeTicTacToe,
-  pluginCore,
-} from "./plugin";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, playTicTacToe, executeTicTacToe, pluginCore } from "./plugin";
 
 // Export samples
 export { samples } from "./samples";
diff --git a/src/core/logic.ts b/src/core/logic.ts
index cf324e1..8ec823d 100644
--- a/src/core/logic.ts
+++ b/src/core/logic.ts
@@ -2,27 +2,53 @@
  * TicTacToe Plugin - Game Logic
  */
 
-import type {
-  Cell,
-  Side,
-  TicTacToeBoard,
-  Command,
-  TicTacToeState,
-} from "./types";
+import type { Cell, Side, TicTacToeBoard, Command, TicTacToeState } from "./types";
 
 // All possible winning lines (rows, columns, diagonals)
 const WINNING_LINES: { row: number; col: number }[][] = [
   // Rows
-  [{ row: 0, col: 0 }, { row: 0, col: 1 }, { row: 0, col: 2 }],
-  [{ row: 1, col: 0 }, { row: 1, col: 1 }, { row: 1, col: 2 }],
-  [{ row: 2, col: 0 }, { row: 2, col: 1 }, { row: 2, col: 2 }],
+  [
+    { row: 0, col: 0 },
+    { row: 0, col: 1 },
+    { row: 0, col: 2 },
+  ],
+  [
+    { row: 1, col: 0 },
+    { row: 1, col: 1 },
+    { row: 1, col: 2 },
+  ],
+  [
+    { row: 2, col: 0 },
+    { row: 2, col: 1 },
+    { row: 2, col: 2 },
+  ],
   // Columns
-  [{ row: 0, col: 0 }, { row: 1, col: 0 }, { row: 2, col: 0 }],
-  [{ row: 0, col: 1 }, { row: 1, col: 1 }, { row: 2, col: 1 }],
-  [{ row: 0, col: 2 }, { row: 1, col: 2 }, { row: 2, col: 2 }],
+  [
+    { row: 0, col: 0 },
+    { row: 1, col: 0 },
+    { row: 2, col: 0 },
+  ],
+  [
+    { row: 0, col: 1 },
+    { row: 1, col: 1 },
+    { row: 2, col: 1 },
+  ],
+  [
+    { row: 0, col: 2 },
+    { row: 1, col: 2 },
+    { row: 2, col: 2 },
+  ],
   // Diagonals
-  [{ row: 0, col: 0 }, { row: 1, col: 1 }, { row: 2, col: 2 }],
-  [{ row: 0, col: 2 }, { row: 1, col: 1 }, { row: 2, col: 0 }],
+  [
+    { row: 0, col: 0 },
+    { row: 1, col: 1 },
+    { row: 2, col: 2 },
+  ],
+  [
+    { row: 0, col: 2 },
+    { row: 1, col: 1 },
+    { row: 2, col: 0 },
+  ],
 ];
 
 function createEmptyBoard(): TicTacToeBoard {
@@ -41,9 +67,7 @@ function getOpponent(side: Side): Side {
   return side === "X" ? "O" : "X";
 }
 
-function getLegalMoves(
-  board: TicTacToeBoard,
-): { row: number; col: number }[] {
+function getLegalMoves(board: TicTacToeBoard): { row: number; col: number }[] {
   const moves: { row: number; col: number }[] = [];
 
   for (let row = 0; row < 3; row++) {
@@ -57,12 +81,7 @@ function getLegalMoves(
   return moves;
 }
 
-function makeMove(
-  board: TicTacToeBoard,
-  row: number,
-  col: number,
-  side: Side,
-): TicTacToeBoard {
+function makeMove(board: TicTacToeBoard, row: number, col: number, side: Side): TicTacToeBoard {
   const newBoard = copyBoard(board);
   newBoard[row][col] = side;
   return newBoard;
@@ -89,9 +108,7 @@ function countPieces(board: TicTacToeBoard): {
   return { X, O, empty };
 }
 
-function checkWinner(
-  board: TicTacToeBoard,
-): { winner: Side | null; winningLine: { row: number; col: number }[] | null } {
+function checkWinner(board: TicTacToeBoard): { winner: Side | null; winningLine: { row: number; col: number }[] | null } {
   for (const line of WINNING_LINES) {
     const cells = line.map((pos) => board[pos.row][pos.col]);
     if (cells[0] !== "." && cells[0] === cells[1] && cells[1] === cells[2]) {
@@ -101,9 +118,7 @@ function checkWinner(
   return { winner: null, winningLine: null };
 }
 
-function determineGameEnd(
-  board: TicTacToeBoard,
-): { isTerminal: boolean; winner: Side | "draw" | null; winningLine: { row: number; col: number }[] | null } {
+function determineGameEnd(board: TicTacToeBoard): { isTerminal: boolean; winner: Side | "draw" | null; winningLine: { row: number; col: number }[] | null } {
   const { winner, winningLine } = checkWinner(board);
 
   if (winner) {
diff --git a/src/core/plugin.ts b/src/core/plugin.ts
index cfd8205..a2c1429 100644
--- a/src/core/plugin.ts
+++ b/src/core/plugin.ts
@@ -10,10 +10,7 @@ import { playTicTacToe } from "./logic";
 export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT } from "./definition";
 export { playTicTacToe } from "./logic";
 
-export const executeTicTacToe = async (
-  _context: ToolContext,
-  args: TicTacToeArgs,
-): Promise<ToolResult<never, TicTacToeState>> => {
+export const executeTicTacToe = async (_context: ToolContext, args: TicTacToeArgs): Promise<ToolResult<never, TicTacToeState>> => {
   try {
     let command: Command;
 
@@ -31,16 +28,8 @@ export const executeTicTacToe = async (
         playerNames: { X: xPlayer, O: oPlayer },
       };
     } else if (args.action === "move") {
-      if (
-        typeof args.row !== "number" ||
-        typeof args.col !== "number" ||
-        !args.board ||
-        !args.currentSide ||
-        !args.playerNames
-      ) {
-        throw new Error(
-          "Move action requires row, col, board, currentSide, and playerNames parameters",
-        );
+      if (typeof args.row !== "number" || typeof args.col !== "number" || !args.board || !args.currentSide || !args.playerNames) {
+        throw new Error("Move action requires row, col, board, currentSide, and playerNames parameters");
       }
       command = {
         action: "move",
@@ -58,11 +47,8 @@ export const executeTicTacToe = async (
 
     // Handle invalid move
     if (state.error) {
-      const isComputerTurn =
-        state.playerNames[state.currentSide] === "computer";
-      const legalMovesStr = state.legalMoves
-        .map((m) => `(row=${m.row}, col=${m.col})`)
-        .join(", ");
+      const isComputerTurn = state.playerNames[state.currentSide] === "computer";
+      const legalMovesStr = state.legalMoves.map((m) => `(row=${m.row}, col=${m.col})`).join(", ");
 
       const instructions = isComputerTurn
         ? `Invalid move attempted. You must make a valid move. Legal moves are: ${legalMovesStr}. Choose one of these moves.`
@@ -110,8 +96,7 @@ export const executeTicTacToe = async (
     console.error("ERR: TicTacToe game error", error);
     return {
       message: `TicTacToe game error: ${error instanceof Error ? error.message : "Unknown error"}`,
-      instructions:
-        "Acknowledge that there was an error with the TicTacToe game and suggest trying again.",
+      instructions: "Acknowledge that there was an error with the TicTacToe game and suggest trying again.",
     };
   }
 };
diff --git a/src/core/types.ts b/src/core/types.ts
index 35b8e92..d5dde14 100644
--- a/src/core/types.ts
+++ b/src/core/types.ts
@@ -43,9 +43,7 @@ export interface TicTacToeState {
   isTerminal: boolean;
   winner: Side | "draw" | null; // null until terminal
   winningLine: { row: number; col: number }[] | null; // cells that form winning line
-  lastAction:
-    | { type: "new_game" }
-    | { type: "move"; row: number; col: number };
+  lastAction: { type: "new_game" } | { type: "move"; row: number; col: number };
   error?: string;
 }
 
@@ -57,4 +55,3 @@ export interface TicTacToeClickData {
   col: number;
   currentState: TicTacToeState;
 }
-
diff --git a/src/vue/Preview.vue b/src/vue/Preview.vue
index 68fa99a..d1b6aba 100644
--- a/src/vue/Preview.vue
+++ b/src/vue/Preview.vue
@@ -5,10 +5,7 @@
       <div class="flex justify-center">
         <div class="inline-block bg-gray-600 p-0.5 rounded">
           <div class="grid grid-cols-3 gap-0.5">
-            <template
-              v-for="(row, rowIndex) in result.jsonData.board"
-              :key="rowIndex"
-            >
+            <template v-for="(row, rowIndex) in result.jsonData.board" :key="rowIndex">
               <div
                 v-for="(cell, colIndex) in row"
                 :key="`${rowIndex}-${colIndex}`"
@@ -29,14 +26,7 @@
                   <line x1="20" y1="4" x2="4" y2="20" />
                 </svg>
                 <!-- O mark -->
-                <svg
-                  v-else-if="cell === 'O'"
-                  class="w-4 h-4 text-red-600"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-width="3"
-                >
+                <svg v-else-if="cell === 'O'" class="w-4 h-4 text-red-600" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3">
                   <circle cx="12" cy="12" r="8" />
                 </svg>
               </div>
@@ -70,9 +60,7 @@ const props = defineProps<{
 }>();
 
 function isWinningCell(row: number, col: number): boolean {
-  return props.result.jsonData?.winningLine?.some(
-    (pos) => pos.row === row && pos.col === col,
-  ) ?? false;
+  return props.result.jsonData?.winningLine?.some((pos) => pos.row === row && pos.col === col) ?? false;
 }
 
 function getGameResult(gameState: TicTacToeState): string {
diff --git a/src/vue/View.vue b/src/vue/View.vue
index 81a8141..1ef1b9d 100644
--- a/src/vue/View.vue
+++ b/src/vue/View.vue
@@ -10,9 +10,7 @@
           <span v-if="gameState.winner === 'draw'">It's a Draw!</span>
           <span v-else>{{ gameState.winner }} Wins!</span>
         </template>
-        <template v-else>
-          {{ currentPlayerName }}'s Turn ({{ gameState.currentSide }})
-        </template>
+        <template v-else> {{ currentPlayerName }}'s Turn ({{ gameState.currentSide }}) </template>
       </div>
 
       <!-- Game board -->
@@ -40,14 +38,7 @@
           </svg>
 
           <!-- O mark -->
-          <svg
-            v-else-if="cell.piece === 'O'"
-            class="w-16 h-16 text-red-600"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="3"
-          >
+          <svg v-else-if="cell.piece === 'O'" class="w-16 h-16 text-red-600" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3">
             <circle cx="12" cy="12" r="8" />
           </svg>
 
@@ -118,20 +109,13 @@ const currentPlayerName = computed(() => {
 });
 
 const isComputerTurn = computed(() => {
-  return (
-    gameState.value?.playerNames &&
-    gameState.value.playerNames[gameState.value.currentSide] === "computer"
-  );
+  return gameState.value?.playerNames && gameState.value.playerNames[gameState.value.currentSide] === "computer";
 });
 
 const turnIndicatorClass = computed(() => {
   if (!gameState.value) return "";
   if (gameState.value.isTerminal) {
-    return gameState.value.winner === "draw"
-      ? "text-gray-600"
-      : gameState.value.winner === "X"
-        ? "text-blue-600"
-        : "text-red-600";
+    return gameState.value.winner === "draw" ? "text-gray-600" : gameState.value.winner === "X" ? "text-blue-600" : "text-red-600";
   }
   return gameState.value.currentSide === "X" ? "text-blue-600" : "text-red-600";
 });
@@ -151,12 +135,8 @@ const flatBoard = computed((): FlatBoardCell[] => {
   for (let row = 0; row < 3; row++) {
     for (let col = 0; col < 3; col++) {
       const cellValue = gameState.value.board[row][col];
-      const isLegalMove = gameState.value.legalMoves?.some(
-        (move) => move.row === row && move.col === col,
-      );
-      const isWinningCell = gameState.value.winningLine?.some(
-        (pos) => pos.row === row && pos.col === col,
-      );
+      const isLegalMove = gameState.value.legalMoves?.some((move) => move.row === row && move.col === col);
+      const isWinningCell = gameState.value.winningLine?.some((pos) => pos.row === row && pos.col === col);
 
       board.push({
         row,
@@ -171,30 +151,21 @@ const flatBoard = computed((): FlatBoardCell[] => {
 });
 
 function getCellClass(cell: FlatBoardCell, index: number) {
-  const baseClasses =
-    "w-24 h-24 flex items-center justify-center bg-white rounded";
+  const baseClasses = "w-24 h-24 flex items-center justify-center bg-white rounded";
 
   let stateClasses = "";
 
   if (cell.isWinningCell) {
     stateClasses = "bg-yellow-200 ring-2 ring-yellow-400";
-  } else if (
-    cell.isLegalMove &&
-    !isComputerTurn.value &&
-    !gameState.value?.isTerminal
-  ) {
-    stateClasses =
-      hoveredCell.value === index
-        ? "bg-gray-200 cursor-pointer"
-        : "hover:bg-gray-100 cursor-pointer";
+  } else if (cell.isLegalMove && !isComputerTurn.value && !gameState.value?.isTerminal) {
+    stateClasses = hoveredCell.value === index ? "bg-gray-200 cursor-pointer" : "hover:bg-gray-100 cursor-pointer";
   }
 
   return `${baseClasses} ${stateClasses}`;
 }
 
 function handleCellClick(index: number): void {
-  if (!gameState.value || gameState.value.isTerminal || isComputerTurn.value)
-    return;
+  if (!gameState.value || gameState.value.isTerminal || isComputerTurn.value) return;
 
   const cell = flatBoard.value[index];
   if (!cell.isLegalMove) return;
@@ -209,15 +180,11 @@ function handleCellClick(index: number): void {
     currentState: gameState.value,
   };
 
-  props.sendTextMessage?.(
-    `I want to play at ${positionName}, which is row=${cell.row}, col=${cell.col}`,
-    { data: clickData },
-  );
+  props.sendTextMessage?.(`I want to play at ${positionName}, which is row=${cell.row}, col=${cell.col}`, { data: clickData });
 }
 
 function handleCellHover(index: number, isEntering: boolean): void {
-  if (!gameState.value || gameState.value.isTerminal || isComputerTurn.value)
-    return;
+  if (!gameState.value || gameState.value.isTerminal || isComputerTurn.value) return;
 
   const cell = flatBoard.value[index];
   if (!cell.isLegalMove) return;
diff --git a/src/vue/index.ts b/src/vue/index.ts
index bf3cdff..0bee105 100644
--- a/src/vue/index.ts
+++ b/src/vue/index.ts
@@ -33,14 +33,7 @@ export type {
 } from "../core/types";
 
 // Re-export utilities
-export {
-  TOOL_NAME,
-  TOOL_DEFINITION,
-  SYSTEM_PROMPT,
-  playTicTacToe,
-  executeTicTacToe,
-  pluginCore,
-} from "../core/plugin";
+export { TOOL_NAME, TOOL_DEFINITION, SYSTEM_PROMPT, playTicTacToe, executeTicTacToe, pluginCore } from "../core/plugin";
 
 export { samples } from "../core/samples";
 
diff --git a/tsconfig.eslint.json b/tsconfig.eslint.json
index 2d3f8e8..dd7ce28 100644
--- a/tsconfig.eslint.json
+++ b/tsconfig.eslint.json
@@ -7,17 +7,6 @@
     "declarationDir": null,
     "jsx": "react-jsx"
   },
-  "include": [
-    "*.ts",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue",
-    "demo/**/*.ts",
-    "demo/**/*.tsx",
-    "demo/**/*.vue"
-  ],
-  "exclude": [
-    "node_modules",
-    "dist"
-  ]
+  "include": ["*.ts", "src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "demo/**/*.ts", "demo/**/*.tsx", "demo/**/*.vue"],
+  "exclude": ["node_modules", "dist"]
 }
diff --git a/vite.config.ts b/vite.config.ts
index 195216b..0741ca3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -14,8 +14,7 @@ export default defineConfig({
       },
       name: "GUIChatPluginTicTacToe",
       formats: ["es", "cjs"],
-      fileName: (format, entryName) =>
-        `${entryName}.${format === "es" ? "js" : "cjs"}`,
+      fileName: (format, entryName) => `${entryName}.${format === "es" ? "js" : "cjs"}`,
     },
     rollupOptions: {
       external: ["vue"],