<template>
  <v-app>
    <v-container>
          <v-navigation-drawer v-model="drawer" location="right" temporary>
            <v-list-item
              prepend-avatar="https://randomuser.me/api/portraits/men/78.jpg"
              title="John Leider"
            ></v-list-item>

            <v-divider></v-divider>

            <v-list density="compact" nav>
              <v-list-item
                prepend-icon="mdi-view-dashboard"
                title="Home"
                value="home"
              ></v-list-item>
              <v-list-item
                prepend-icon="mdi-forum"
                title="About"
                value="about"
              ></v-list-item>
            </v-list>
          </v-navigation-drawer>
          <v-main>
            <div class="d-flex justify-center align-center">
              <v-btn color="primary" @click.stop="drawer = !drawer"> Toggle </v-btn>
            </div>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida,
            risus vitae varius porttitor, sapien quam mollis ipsum, ac lacinia nibh
            mi at ex. Pellentesque id neque ligula. In at sem non sem efficitur
            elementum. Curabitur ultrices ac nunc vitae hendrerit. Curabitur velit
            neque, cursus in velit sed, feugiat pharetra magna. Donec eleifend
            tincidunt massa sagittis lobortis. Phasellus ut ipsum blandit, vulputate
            velit ac, vulputate magna. Vivamus hendrerit, tellus at pulvinar
            dignissim, lacus velit dignissim nisl, eget gravida neque nisi convallis
            metus. Phasellus lobortis dictum sapien quis suscipit. Fusce elit
            mauris, dictum at mauris ac, pharetra pretium nulla. In ante erat,
            vulputate at est non, commodo malesuada nulla. Mauris eget lobortis
            eros. Vestibulum pharetra leo at egestas vulputate. Cras eu neque magna.
            Cras non ipsum ultrices, ultricies metus sit amet, semper lacus. Nullam
            scelerisque lacinia nisl a faucibus. Aliquam bibendum neque sit amet est
            auctor, eget euismod tellus vehicula. Aenean varius erat at nulla tempus
            viverra. Duis feugiat consequat est, ac mollis lectus tempus eu.
            Suspendisse pellentesque ipsum ut varius rutrum. Ut sed enim quis orci
            condimentum rutrum eget a nisi. Donec maximus lorem eu lorem lacinia
            accumsan. Praesent vel massa vel metus porta mollis. Nulla sit amet
            turpis pulvinar, feugiat nisl pellentesque, porttitor nunc. Maecenas
            consequat mattis gravida. Curabitur nec laoreet tellus, a mollis purus.
            Phasellus id semper turpis. Donec sit amet hendrerit lectus. Suspendisse
            eu lacus at sapien varius pulvinar in vitae est. Nulla id sem vitae erat
            dapibus varius. Integer mattis vitae est eget cursus. Fusce mattis
            tristique enim, et porta mauris rutrum malesuada. Nullam semper dui ut
            pulvinar tincidunt. Ut et urna fermentum, condimentum leo a, malesuada
            quam. Duis gravida est nec lectus luctus sollicitudin. Praesent ut quam
            auctor, pulvinar tortor ut, ullamcorper risus. Pellentesque elementum
            ante quis lobortis pellentesque. Interdum et malesuada fames ac ante
            ipsum primis in faucibus. Cras iaculis consectetur scelerisque. Duis
            iaculis ultrices ligula, et facilisis ligula placerat sed. Morbi aliquet
            vitae enim sed iaculis. Quisque eget dui a metus sagittis placerat ut
            vel arcu. Phasellus euismod risus lacinia dictum sagittis. Suspendisse
            sapien neque, dictum et risus sed, luctus fringilla est. Orci varius
            natoque penatibus et magnis dis parturient montes, nascetur ridiculus
            mus. Cras euismod mauris nunc. Donec dictum tellus et velit
            sollicitudin, et ultrices eros volutpat. In non sollicitudin erat.
            Suspendisse massa lorem, tincidunt et orci sed, pharetra vehicula urna.
            Donec egestas et turpis in imperdiet. Pellentesque nec tincidunt magna,
            a rutrum urna. Donec sollicitudin commodo eros. Suspendisse malesuada
            diam a risus gravida, ac pretium nunc elementum. Cras consequat eros ac
            justo condimentum, pretium efficitur tellus tincidunt. Pellentesque sit
            amet pellentesque purus, ac ullamcorper ex. Integer at luctus felis.
            Maecenas varius urna vel eros cursus, sed tincidunt ante hendrerit.
            Quisque nec urna in est tempor elementum nec quis odio. Maecenas egestas
            posuere est, luctus vulputate nibh consectetur id. Suspendisse potenti.
            Aliquam erat volutpat. Donec sit amet efficitur arcu, feugiat faucibus
            purus. Sed eu aliquet nibh, vel ultrices nibh. Vivamus accumsan ultrices
            purus, a vehicula sapien convallis vel. Nam diam dui, dapibus at pretium
            nec, consequat sit amet ante. Mauris sit amet felis ut sem sollicitudin
            vulputate. Nulla ut orci accumsan odio malesuada eleifend non id erat.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida,
            risus vitae varius porttitor, sapien quam mollis ipsum, ac lacinia nibh
            mi at ex. Pellentesque id neque ligula. In at sem non sem efficitur
            elementum. Curabitur ultrices ac nunc vitae hendrerit. Curabitur velit
            neque, cursus in velit sed, feugiat pharetra magna. Donec eleifend
            tincidunt massa sagittis lobortis. Phasellus ut ipsum blandit, vulputate
            velit ac, vulputate magna. Vivamus hendrerit, tellus at pulvinar
            dignissim, lacus velit dignissim nisl, eget gravida neque nisi convallis
            metus. Phasellus lobortis dictum sapien quis suscipit. Fusce elit
            mauris, dictum at mauris ac, pharetra pretium nulla. In ante erat,
            vulputate at est non, commodo malesuada nulla. Mauris eget lobortis
            eros. Vestibulum pharetra leo at egestas vulputate. Cras eu neque magna.
            Cras non ipsum ultrices, ultricies metus sit amet, semper lacus. Nullam
            scelerisque lacinia nisl a faucibus. Aliquam bibendum neque sit amet est
            auctor, eget euismod tellus vehicula. Aenean varius erat at nulla tempus
            viverra. Duis feugiat consequat est, ac mollis lectus tempus eu.
            Suspendisse pellentesque ipsum ut varius rutrum. Ut sed enim quis orci
            condimentum rutrum eget a nisi. Donec maximus lorem eu lorem lacinia
            accumsan. Praesent vel massa vel metus porta mollis. Nulla sit amet
            turpis pulvinar, feugiat nisl pellentesque, porttitor nunc. Maecenas
            consequat mattis gravida. Curabitur nec laoreet tellus, a mollis purus.
            Phasellus id semper turpis. Donec sit amet hendrerit lectus. Suspendisse
            eu lacus at sapien varius pulvinar in vitae est. Nulla id sem vitae erat
            dapibus varius. Integer mattis vitae est eget cursus. Fusce mattis
            tristique enim, et porta mauris rutrum malesuada. Nullam semper dui ut
            pulvinar tincidunt. Ut et urna fermentum, condimentum leo a, malesuada
            quam. Duis gravida est nec lectus luctus sollicitudin. Praesent ut quam
            auctor, pulvinar tortor ut, ullamcorper risus. Pellentesque elementum
            ante quis lobortis pellentesque. Interdum et malesuada fames ac ante
            ipsum primis in faucibus. Cras iaculis consectetur scelerisque. Duis
            iaculis ultrices ligula, et facilisis ligula placerat sed. Morbi aliquet
            vitae enim sed iaculis. Quisque eget dui a metus sagittis placerat ut
            vel arcu. Phasellus euismod risus lacinia dictum sagittis. Suspendisse
            sapien neque, dictum et risus sed, luctus fringilla est. Orci varius
            natoque penatibus et magnis dis parturient montes, nascetur ridiculus
            mus. Cras euismod mauris nunc. Donec dictum tellus et velit
            sollicitudin, et ultrices eros volutpat. In non sollicitudin erat.
            Suspendisse massa lorem, tincidunt et orci sed, pharetra vehicula urna.
            Donec egestas et turpis in imperdiet. Pellentesque nec tincidunt magna,
            a rutrum urna. Donec sollicitudin commodo eros. Suspendisse malesuada
            diam a risus gravida, ac pretium nunc elementum. Cras consequat eros ac
            justo condimentum, pretium efficitur tellus tincidunt. Pellentesque sit
            amet pellentesque purus, ac ullamcorper ex. Integer at luctus felis.
            Maecenas varius urna vel eros cursus, sed tincidunt ante hendrerit.
            Quisque nec urna in est tempor elementum nec quis odio. Maecenas egestas
            posuere est, luctus vulputate nibh consectetur id. Suspendisse potenti.
            Aliquam erat volutpat. Donec sit amet efficitur arcu, feugiat faucibus
            purus. Sed eu aliquet nibh, vel ultrices nibh. Vivamus accumsan ultrices
            purus, a vehicula sapien convallis vel. Nam diam dui, dapibus at pretium
            nec, consequat sit amet ante. Mauris sit amet felis ut sem sollicitudin
            vulputate. Nulla ut orci accumsan odio malesuada eleifend non id erat.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In gravida,
            risus vitae varius porttitor, sapien quam mollis ipsum, ac lacinia nibh
            mi at ex. Pellentesque id neque ligula. In at sem non sem efficitur
            elementum. Curabitur ultrices ac nunc vitae hendrerit. Curabitur velit
            neque, cursus in velit sed, feugiat pharetra magna. Donec eleifend
            tincidunt massa sagittis lobortis. Phasellus ut ipsum blandit, vulputate
            velit ac, vulputate magna. Vivamus hendrerit, tellus at pulvinar
            dignissim, lacus velit dignissim nisl, eget gravida neque nisi convallis
            metus. Phasellus lobortis dictum sapien quis suscipit. Fusce elit
            mauris, dictum at mauris ac, pharetra pretium nulla. In ante erat,
            vulputate at est non, commodo malesuada nulla. Mauris eget lobortis
            eros. Vestibulum pharetra leo at egestas vulputate. Cras eu neque magna.
            Cras non ipsum ultrices, ultricies metus sit amet, semper lacus. Nullam
            scelerisque lacinia nisl a faucibus. Aliquam bibendum neque sit amet est
            auctor, eget euismod tellus vehicula. Aenean varius erat at nulla tempus
            viverra. Duis feugiat consequat est, ac mollis lectus tempus eu.
            Suspendisse pellentesque ipsum ut varius rutrum. Ut sed enim quis orci
            condimentum rutrum eget a nisi. Donec maximus lorem eu lorem lacinia
            accumsan. Praesent vel massa vel metus porta mollis. Nulla sit amet
            turpis pulvinar, feugiat nisl pellentesque, porttitor nunc. Maecenas
            consequat mattis gravida. Curabitur nec laoreet tellus, a mollis purus.
            Phasellus id semper turpis. Donec sit amet hendrerit lectus. Suspendisse
            eu lacus at sapien varius pulvinar in vitae est. Nulla id sem vitae erat
            dapibus varius. Integer mattis vitae est eget cursus. Fusce mattis
            tristique enim, et porta mauris rutrum malesuada. Nullam semper dui ut
            pulvinar tincidunt. Ut et urna fermentum, condimentum leo a, malesuada
            quam. Duis gravida est nec lectus luctus sollicitudin. Praesent ut quam
            auctor, pulvinar tortor ut, ullamcorper risus. Pellentesque elementum
            ante quis lobortis pellentesque. Interdum et malesuada fames ac ante
            ipsum primis in faucibus. Cras iaculis consectetur scelerisque. Duis
            iaculis ultrices ligula, et facilisis ligula placerat sed. Morbi aliquet
            vitae enim sed iaculis. Quisque eget dui a metus sagittis placerat ut
            vel arcu. Phasellus euismod risus lacinia dictum sagittis. Suspendisse
            sapien neque, dictum et risus sed, luctus fringilla est. Orci varius
            natoque penatibus et magnis dis parturient montes, nascetur ridiculus
            mus. Cras euismod mauris nunc. Donec dictum tellus et velit
            sollicitudin, et ultrices eros volutpat. In non sollicitudin erat.
            Suspendisse massa lorem, tincidunt et orci sed, pharetra vehicula urna.
            Donec egestas et turpis in imperdiet. Pellentesque nec tincidunt magna,
            a rutrum urna. Donec sollicitudin commodo eros. Suspendisse malesuada
            diam a risus gravida, ac pretium nunc elementum. Cras consequat eros ac
            justo condimentum, pretium efficitur tellus tincidunt. Pellentesque sit
            amet pellentesque purus, ac ullamcorper ex. Integer at luctus felis.
            Maecenas varius urna vel eros cursus, sed tincidunt ante hendrerit.
            Quisque nec urna in est tempor elementum nec quis odio. Maecenas egestas
            posuere est, luctus vulputate nibh consectetur id. Suspendisse potenti.
            Aliquam erat volutpat. Donec sit amet efficitur arcu, feugiat faucibus
            purus. Sed eu aliquet nibh, vel ultrices nibh. Vivamus accumsan ultrices
            purus, a vehicula sapien convallis vel. Nam diam dui, dapibus at pretium
            nec, consequat sit amet ante. Mauris sit amet felis ut sem sollicitudin
            vulputate. Nulla ut orci accumsan odio malesuada eleifend non id erat.
          </v-main>
    </v-container>
  </v-app>
</template>

<script>
  export default {
    name: 'Playground',
    setup () {
      return {
        //
      }
    },
    data() {
      return {
        drawer: null,
      }
    },
  }
</script>