init vue app (frontend)

2022-10-01 20:53:53 +02:00
parent 7d2e364f5d
commit aaff9cb482
8 changed files with 1577 additions and 26 deletions
--- a/app/templates/base.html.twig
+++ b/app/templates/base.html.twig
@@ -7,10 +7,12 @@
        {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
        {% block stylesheets %}
            {{ encore_entry_link_tags('app') }}
+            {{ encore_entry_link_tags('vue') }}
        {% endblock %}

        {% block javascripts %}
            {{ encore_entry_script_tags('app') }}
+            {{ encore_entry_script_tags('vue') }}
        {% endblock %}
    </head>
    <body>
--- a/app/templates/vue/index.html.twig
+++ b/app/templates/vue/index.html.twig
@@ -0,0 +1,13 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}{{'My VueJS template'}}{% endblock %}
+
+{% block body %}
+<div class="container">
+    <h1>{{'My VueJS template'}}</h1>
+
+    <div id="app" data-app="{{ data | json_encode() | escape('html_attr') }}"></div>
+
+
+</div>{{ dump() }}
+{% endblock %}