hypothetical/resources/views/templates/public.blade.php

@extends('templates.base')

@section('page-includes')
    <script src="/js/lib.js?version={{ env('CACHE_BUST') }}"></script>
    <link rel="stylesheet" href="/css/app.css?version={{ env('CACHE_BUST') }}" />

    <script type="text/javascript">
        var env = {
            appName: "{{ env('APP_NAME') }}",
            appDesc: "{{ env('APP_DESC') }}",
            appLang: "{{ Language::getSessionLanguage() }}",
            appDefaultLang: "{{ env('DEFAULT_LANGUAGE') }}",
            apiToken: "{{ Auth::check() ? '?api_token=' . Auth::user()->api_token : '' }}",
            csrfToken: "{{ csrf_token() }}",
            debug: {{ Config::get('app.debug') ? 'true' : 'false' }}
        };
    </script>
@endsection

@section('page-content')
    <div id="vue-container">
        <nav-component></nav-component>

        <div class="flex-wrapper">
            <div class="page-container">
                <div id="router-view" class="main-content">
                    <router-view></router-view>
                </div>

                <footer-component></footer-component>
            </div>
        </div>
    </div>
@endsection

@section('page-bottom')
    <script src="/js/app.js?version={{ env('CACHE_BUST') }}"></script>
@endsection