title: How to create a v-tooltip on svg using vuetifyjs
body: <p><strong>Here's a piece of my SVG:</strong> </p>
  
  <pre><code>&lt;g id="g05"&gt;    
      &lt;polygon class="st2" points="224.8,256.4 309.9,390.6 224.8,517.5 144.1,386.2" filter="url(#dropshadow)"/&gt;   
      &lt;defs&gt;      
          &lt;filter id="dropshadow"&gt;            
              &lt;feGaussianBlur in="SourceAlpha" stdDeviation="3"/&gt;             
              &lt;feOffset dx="3" dy="2"/&gt;           
              &lt;feComponentTransfer&gt;
                  &lt;feFuncA type="linear" slope="0.5"/&gt;            
              &lt;/feComponentTransfer&gt;          
              &lt;feMerge&gt; 
                  &lt;feMergeNode/&gt;
                  &lt;feMergeNode in="SourceGraphic"/&gt;           
              &lt;/feMerge&gt;      
           &lt;/filter&gt;  
      &lt;/defs&gt; 
  &lt;/g&gt;
  </code></pre>
  
  <p><strong>And this is created <code>&lt;v-tooltip&gt;</code>:</strong></p>
  
  <pre><code>&lt;v-tooltip v-model="show" top color="cyan lighten-2"&gt;
      &lt;v-btn icon slot="activator" fab large&gt;
        &lt;v-icon color="red darken-1"&gt;home&lt;/v-icon&gt;
      &lt;/v-btn&gt;
      &lt;span class="display-2"&gt;Продвижение&lt;/span&gt;
  &lt;/v-tooltip&gt;
  </code></pre>
  
  <p>How to create a <code>v-tooltip</code> on my svg? I'm trying to nest it into my <code>v-tooltip</code> but it doesn't seem to work.</p>
  
  <p><strong>Update:</strong>
  My SVG looks like this: 
  <a href="https://i.stack.imgur.com/vroQ6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vroQ6.png" alt="enter image description here"></a></p>
  
  <p>And when I hover a part of a SVG it has to show me a tooltip. A code of a part of a SVG file I shared at the top.</p>