{% extends 'layouts/admin.twig' %}

{% block content %}

{% include 'admin/site_menu/_styles.twig' %}

{# Vue 2 SPA entry — loaded outside the .js-vue-environment root so Vue never
   tries to compile the script tag. #}
<script type="module" src="{{ vite_asset('modules/SiteMenu/admin/js/admin_app.js') }}"></script>

<ul class="breadcrumbs el">
    <li><a href="/admin/">Home</a> /</li>
    <li class="end">Site Menu</li>
</ul>

{# The whole admin is a single Vue app: tabs swap views in place and every
   request is served by the Laravel JSON API under /admin/site-menu/api. #}
<div class="js-vue-environment">
    <site-menu-app base="/admin/site-menu" csrf="{{ csrf }}"></site-menu-app>
</div>

{% endblock %}
