Как показать переменные vue js в django

У меня есть этот простой код в **django **

в файле test.html:

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

<div id="app">the message:{{ message }}</div>

<script>
  const { createApp } = Vue

  createApp({
    data() {
      return {
        message: 'Hello Vue!'
      }
    }
  }).mount('#app')
</script>

в urls.py:

urlpatterns = [
    path('test', dashboard_views.test,name='test'),

в файле views.py

def test(request):
    return render(request,"test.html")

вывод на экран: сообщение:

Как я могу исправить это, чтобы показать "Hello Vue!"

Вернуться на верх