{% load django_vite %} {% vite_hmr_client %} {% vite_asset 'js/main.js' %}
The header
{{ vue_message|json_script:"vue-message"}} {{ initial_value|json_script:"initial-value"}}

{{ django_message }}

This page has been generated from a Django template.

The CSS was loaded by Vite.

Everything inside the box was rendered by Vue.

Vite is a way to integrate Vue into an existing Django project.