الوصول إلى قيم env ضمن مكونات inertia في لارافيل

عند تعريف القيم ومحاولة الوصول لها ضمن مكونات Vue يجب إضافة القيم ضمن AppServiceProvider أيضاً بالشكل التالي:

Inertia::share('appName', config('app.name'));

حيث يمكن استخدام config أو env 

ثم ضمن المكوّن يتم الاستدعاء بوضع $inertia متبوعة باسم المتحول كالتالي:

{{ $inertia.page.props.appName }}

ويتم تعريف المتحولات ضمن مصفوفة Array على شكل مفاتيح وقيم، بحيث كل مفتاح يشير إلى قيمة المتحول الموجودة ضمن ملف env بالشكل التالي:

 Inertia::share(function () {
            return [
                'app' => [
                    'name' => config('app.name'),
                ],
            ];
        });

بحيث يمكن استدعائها مباشرة كالتالي:

<template>
<div>
App name: {{ $page.app.name }}
</div>
</template>