dockerでphpmyadminの環境構築がしたいです

初めて質問をするので分かりずらかったらすいません。

前提

現在dockerでLaravel Vue.js phpMyAdmin の環境構築をしています。
https://yutaro-blog.net/2021/04/30/docker-laravel-vuejs-3/url
こちらの記事を参考にLaravel Vue.jsのコードは書いたのですが
そこにphpmyadminのコードを追加しました

docker-compose.ymlのコード

version: '3.8'

volumes:
  mysql-volume:

services:
  app:
    build:
      context: .
      dockerfile: ./docker/php/Dockerfile
    volumes:
      - ./src/:/var/www/html
    environment:
      - DB_CONNECTION=mysql
      - DB_HOST=db
      - DB_PORT=3306
      - DB_DATABASE=${DB_NAME}
      - DB_USERNAME=${DB_USER}
      - DB_PASSWORD=${DB_PASSWORD}

  web:
    build:
      context: .
      dockerfile: ./docker/nginx/Dockerfile
    ports:
      - ${WEB_PORT}:80
    depends_on:
      - app
    volumes:
      - ./src/:/var/www/html

  db:
    build:
      context: .
      dockerfile: ./docker/mysql/Dockerfile
    ports:
      - ${DB_PORT}:3306
    environment:
      MYSQL_DATABASE: ${DB_NAME}
      MYSQL_USER: ${DB_USER}
      MYSQL_PASSWORD: ${DB_PASSWORD}
      MYSQL_ROOT_PASSWORD: ${DB_ROOT_PASSWORD}
      TZ: 'Asia/Tokyo'
    volumes:
      - mysql-volume:/var/lib/mysql

   phpmyadmin:
    image: phpmyadmin/phpmyadmin
    depends_on:
      - mysqldb
    environment:
      - PMA_ARBITRARY=1
      - PMA_HOSTS='mysqldb'
    ports:
       - "3000:80"
    volumes:
      - ./docker/phpmyadmin/sessions:/sessions

エラー内容

docker compose buildコマンドを実行すると
yaml: line 46: did not find expected key　とエラーが出ます
docker-compose.ymlの47行目(phpmyadmin)より下を
自分で付け加えました。
47行目以降を消すと正常に動作します。