Load website with v-navigation-drawer closed

There is a way. You could simply use the drawer prop like drawer="false" to diable it. But of course you need then a way to activate it. See the code below.

<template>
  <v-app>
    <v-navigation-drawer v-model="drawer" fixed app >
    ...
    </v-navigation-drawer>

    <v-toolbar fixed app :clipped-left="clipped"  dark color="primary">
          <v-toolbar-side-icon @click="drawer = !drawer"></v-toolbar-side-icon>
    </v-toolbar>      
  </v-app>
</template>

<script>
  export default {
    data () {
      return {
        drawer: false
      }
    }
  }
</script>

Another way is to add the stateless property. Combine it with the hide-overlay property so you can still use the drawer on mobile.


I think you need mobile-break-point property:

mobile-break-point="10240"