Vuetify - The main area of the page is not compressed when the navigation drawer is expanded

[boomrest]

When you click on-navigon, v-navigation-drawer is superimposed on the main content, and you need the drawer to "compress" the main content, as in the example on the link. If you remove temporary-it works, but when you click outside the navigation, it is not removed.
I don't understand why this example doesn't work in the latest version 2.4.4 (
https://codepen.io/thiagoaos/pen/KygpxV). Which option is responsible for this behavior in the latest version? I broke my whole head. In the manual, in the examples there is no such thing.

Here is my component:

<template>
    <nav>
        <v-toolbar app flat>
            <v-app-bar-nav-icon class='grey--text' @click="drawer = !drawer"></v-app-bar-nav-icon>
            <v-toolbar-title class="text-uppercase grey--text">
                <span class="font-weight-light">Dashboard</span>
            </v-toolbar-title>
            <v-spacer></v-spacer>
            <v-btn text color="grey">
                Sing Out
                <v-icon
                    right
                >
                    mdi-exit-to-app
                </v-icon>
            </v-btn>
        </v-toolbar>
 
        <v-navigation-drawer app temporary dark class="indigo" v-model="drawer">
            <v-list>
                <v-list-item
                v-for="(link, i) in links"
                :key="i"
                router :to="link.route"
                >
                <v-list-item-icon>
                    <v-icon>{{ link.icon }}</v-icon>
                </v-list-item-icon>
 
                <v-list-item-content>
                    <v-list-item-title>{{ link.text }}</v-list-item-title>
                </v-list-item-content>
                </v-list-item>
            </v-list>
        </v-navigation-drawer>
 
    </nav>
</template>
 
<script>
export default {
    data() {
        return {
            drawer: false,
            links: [
                { icon: 'mdi-view-dashboard', text: 'Dashboard', route: '/' },
                { icon: 'mdi-folder', text: 'My Projects', route: '/projects' },
                { icon: 'mdi-account', text: 'Team', route: '/team' },
            ]
        }
    }
}
</script>