<div align="center"> <!-- prettier-ignore --> [Test page](.) | [ezmdpage & Alpine.js](alpinejs.html) | [ezmdpage & Vue.js](vuejs.html) | [GitHub](https://github.com/togajam/ezmdpage) Try right-click and <kbd>View page source</kbd>! </div> # ezmdpage & Vue.js https://vuejs.org/ <!-- prettier-ignore --> ```html <script src="https://unpkg.com/vue@3"></script> <script src="https://unpkg.com/ezmdpage@2"></script><plaintext> ``` There should be a "Hello vue!" `<div>` below. It's rendered by Vue.js. Here's the code: ```html <div id="app">{{ message }}</div> <script> const { createApp, ref } = Vue; createApp({ setup() { const message = ref("Hello vue!"); return { message }; }, }).mount("#app"); </script> ``` <div id="app">{{ message }}</div> <script> const { createApp, ref } = Vue; createApp({ setup() { const message = ref("Hello vue!"); return { message }; } }).mount("#app"); </script> 👆 That's from Vue.js!