title: how to make vuetify dialog draggable
body: <p>I need to make a draggable dialog. But I'm using Vue2 &amp; Vuetify.</p>
  <p>I tried using jquery but doesn't work.</p>
  <p>index.html</p>
  <pre class="lang-html prettyprint-override"><code>&lt;head&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://code.jquery.com/ui/1.13.1/jquery-ui.js&quot;&gt;&lt;/script&gt;
    &lt;script&gt;
      $(function () {
        $(&quot;.my-custom-dialog&quot;).draggable();
      });
    &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  <p>App.vue</p>
  <pre class="lang-html prettyprint-override"><code>&lt;v-dialog v-model=&quot;isOpen&quot; content-class=&quot;my-custom-dialog&quot;&gt;
    &lt;!-- dialog content--&gt;
  &lt;/v-dialog&gt;
  </code></pre>
  <p>I thought using <code>content-class</code> to give my dialog class name and using jquery as above would work. But it doesn't. Any Ideas?</p>