title: add hyperlink in v-data-table Vuetify
body: <p>I've been slowly learning the joys of vue.js and Vuetify.
  I'm trying to get the emails and website as working links but just can't figure out how to do it.</p>
  <p>I have my v-data-table</p>
  <pre><code> &lt;v-data-table :headers=&quot;headers&quot; :items=&quot;companies&quot; :search.sync=&quot;search&quot; :items-per-page=&quot;5&quot;&gt;
  </code></pre>
  <p>In my script I'm having first:</p>
  <pre><code>    data: () =&gt; ({
      headers: [
        { text: &quot;Bedrijfsnaam&quot;, align: &quot;start&quot;, value: &quot;name&quot; },
        { text: &quot;Telefoon&quot;, value: &quot;phone&quot; },
        { text: &quot;e-Mail&quot;, value: &quot;email&quot; },
        { text: &quot;Website&quot;, value: &quot;website&quot; },
        { text: &quot;Locatie&quot;, value: &quot;location&quot; },
        { text: &quot;Actions&quot;, value: &quot;actions&quot;, sortable: false }
      ],
      companies: [],
    }),
  </code></pre>
  <p>And finally</p>
  <pre><code>  methods: {
      initialize() {
        this.companies = [
          {
            name: &quot;Lorem NV&quot;,
            phone: &quot;+32 1 234 56 78&quot;,
            email: &quot;info@lorem.be&quot;,
            website: &quot;www.lorem.be&quot;,
            location: &quot;Gent&quot;
          },
        ];
      }
  </code></pre>