Frontend Installation

# Interactive — prompts for stack choice
php artisan media:install-frontend

# Specify stack directly
php artisan media:install-frontend --stack=react
php artisan media:install-frontend --stack=vue

# Overwrite previously published files
php artisan media:install-frontend --stack=react --force

npm install react@"^18.0 || ^19.0" react-dom@"^18.0 || ^19.0"
npm install -D typescript@"^5.0"

npm install vue@"^3.4"
npm install -D typescript@"^5.0"

# React components
php artisan vendor:publish --tag=media-react

# Vue components
php artisan vendor:publish --tag=media-vue

# TypeScript type definitions only
php artisan vendor:publish --tag=media-types

import { MediaLibrary } from '@/vendor/media-library';

export default function MediaPage() {
    return <MediaLibrary />;
}

<script setup lang="ts">
import { MediaLibrary } from '@/vendor/media-library-vue';
</script>

<template>
    <MediaLibrary />
</template>