Скрипт Vue в моем проекте django не отображается

В настоящее время я почти закончил проект на django. В дополнение к нему я хочу использовать vue, чтобы избавиться от некоторых повторений и открыть для себя некоторые возможности, которые могут улучшить опыт взаимодействия с пользователем. Я обратился к vue через CDN-ссылку в своем базовом шаблоне <scriptsrc="https://unpkg.com/vue@3/dist/vue.global.js"></script>. А по ссылке я попробовал демонстрационный код vue

<script>
    const { createApp, ref } = Vue
  
    createApp({
      setup() {
        const notice = ref('Hello vue!')
        return {
          notice
        }
      }
    }).mount('#app')
  </script>

Сверху шаблона я добавил <div id="app">{{notice}} something</div>.

Я ожидаю, что в верхней части моего сайта появится надпись "hello vue! something", означающая, что vue работает правильно. Но я получаю только "что-то". Является ли способ CDN связать vue с django неприемлемым или что-то еще я сделал неправильно во время процесса, из-за чего мой демо-код vue не работает?

<div id="app">{% verbatim %}{{notice}}{% endverbatim%} something</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
    const { createApp, ref } = Vue
  
    createApp({
      setup() {
        const notice = ref('Hello vue!')
        return {
          notice
        }
      }
    }).mount('#app')
  </script>