[Vuejs]-Vuejs Variables Not Displaying on Modal

The problem is your modal template is outside the Vue app (i.e., section#mainapp), so that template is not processed by Vue:

<section id="mainapp">...</section>

<div class="modal">...</div> <!-- FIXME: Move this into section above -->

Move the modal into section#mainapp for the computed properties to be evaluated.

demo