title: Event fired when bottom sheet is active or hidden - Vuetify
body: <p>I am using Vuetify for creating my SPA. While using bottomsheet component for my app, I stumbled on a situation where i want fire an event when bottomsheet is hidden.
  How do I fire an event when bottomsheet is hidden with another better approach?</p>
  
  <p>My approach using vue <code>watch</code>:</p>
  
  <pre><code>&lt;v-bottom-sheet v-model="sheet"&gt;
            &lt;v-sheet class="text-center" height="50vh" tile&gt;
  
            &lt;/v-sheet&gt;
          &lt;/v-bottom-sheet&gt;
  
  
  
  new Vue({
      el: '#app',
      vuetify: new Vuetify(),
      data() {
          return {
              sheet: false,
          }
      },
      watch: {
          sheet: function () {
              if (this.sheet == false) {
                 alert("Bottom sheet closed");
              }
          }
      }
  })
  </code></pre>