Why is vue not displaying name?

Question

JavaScript

<div id="app">
    <div class="bg-slate-800 flex justify-between">
    <h1 class="pb-3 pt-3 pl-3 text-slate-100">Navbar</h1>
    <div v-for="nav in navs" class="flex pr-3 text-slate-100 pb-3 pt-3">
        <h2 class="pr-2">{{ nav.name }}</h2>
        
    </div>
    </div>
    </div>

new Vue({
    el: '#app',
    data(){
        return{
            navs: [
                {name: 'Store'},
                {name: 'Orders'}

            ]
        }
    }
})

Answer 1

Displays:
Read the errors in the console and think.

Answer 2

The bottom line was that I did not add delimeters