methods: {
  init() {
    this.model = {
      ...this.model,
      board: [
        [1, 2, 3],
        [4, 5, 6],
        [7, 8, 0]
      ],
      solved: false
    }
  },

  moveTile(row, col) {
    if (this.model.solved) return;

    const tileValue = this.model.board[row][col];
    if (tileValue === 0) return;

    // 检查上下左右是否有空白格子
    const directions = [
      {dx: -1, dy: 0},  // 上
      {dx: 1, dy: 0},   // 下
      {dx: 0, dy: -1},  // 左
      {dx: 0, dy: 1}    // 右
    ];

    for (const dir of directions) {
      const newRow = row + dir.dx;
      const newCol = col + dir.dy;

      if (newRow >= 0 && newRow < 3 && newCol >= 0 && newCol < 3) {
        if (this.model.board[newRow][newCol] === 0) {
          // 移动格子
          const newBoard = JSON.parse(JSON.stringify(this.model.board));
          newBoard[newRow][newCol] = tileValue;
          newBoard[row][col] = 0;

          this.model.board = newBoard;
          this.checkSolved();
          break;
        }
      }
    }
  },

  checkSolved() {
    const solvedState = [
      [1, 2, 3],
      [4, 5, 6],
      [7, 8, 0]
    ];

    const isEqual = JSON.stringify(this.model.board) === JSON.stringify(solvedState);
    if (isEqual) {
      this.model.solved = true;
      setTimeout(() => {
        alert('恭喜！拼图完成！');
      }, 100);
    }
  },

  resetGame() {
    // 创建初始状态
    let tiles = [1, 2, 3, 4, 5, 6, 7, 8, 0];

    // Fisher-Yates 洗牌算法
    for (let i = tiles.length - 1; i > 0; i--) {
      const j = Math.floor(Math.random() * (i + 1));
      [tiles[i], tiles[j]] = [tiles[j], tiles[i]];
    }

    // 转换为二维数组
    const newBoard = [];
    while (tiles.length) {
      newBoard.push(tiles.splice(0, 3));
    }

    this.model.board = newBoard;
    this.model.solved = false;
  }
}

:style="{
  width: '160px',  // 放大到160px
  height: '160px',
  ...
}"