How to use in local development?

[edikurniawan-dev]

Sorry I'm new in docker.

In production I doesn't have a trouble, but in local development i confused.
In my project using Laravel Inertia React, when I create a seeder using php artisan make:seeder, it always has a problem because the file owner is root so I can't edit it in VS Code. If I run php artisan make:seeder not as root, it will give an error because other than root, it can't be done. What is the solution?

FROM serversideup/php:8.4-fpm-nginx-alpine

USER root

RUN apk add --no-cache nodejs npm
RUN install-php-extensions gd gmp bcmath

WORKDIR /var/www/html

COPY composer.json composer.lock ./
COPY app/Helper/* ./app/Helper/
RUN composer install --no-interaction --no-plugins --no-scripts --no-autoloader

COPY package.json package-lock.json ./
RUN npm install

COPY . .

RUN composer dump-autoload

services:
  app:
    build:
      context: .
      dockerfile: docker/Dockerfile.dev
    image: my-project-dev:latest
    ports:
      - "${APP_PORT:-8080}:8080"
    restart: unless-stopped
    env_file:
      - .env
    environment:
      - PHP_OPCACHE_ENABLE=0
      - PUID=${UID}
      - PGID=${GID}
    volumes:
      - .:/var/www/html
      - vendor-data:/var/www/html/vendor
      - node-modules-data:/var/www/html/node_modules
    networks:
      - database-network

  vite:
    image: my-project-dev:latest
    command: [ "npm", "run", "dev" ]
    ports:
      - "5173:5173"
    env_file:
      - .env
    environment:
      - PUID=${UID}
      - PGID=${GID}
    volumes:
      - .:/var/www/html
      - vendor-data:/var/www/html/vendor
      - node-modules-data:/var/www/html/node_modules
    networks:
      - database-network
    depends_on:
      - app

networks:
  database-network:
    external: true

volumes:
  vendor-data:
  node-modules-data: