title: How to pass array to props in Vue when using Typescript and class component decorator
body: <p>I can't seem to figure out the correct way to pass an array as a prop to a component in Vue, using Typescript and the class component library. <a href="https://github.com/vuejs/vue-class-component/blob/master/example/src/App.vue" rel="noreferrer">Following the official template</a>, I tried doing the following:</p>
  
  <pre><code>&lt;script lang="ts"&gt;
  import { Component, Vue} from 'vue-property-decorator';
  
  const AppProps = Vue.extend({
      props: {
          propsMessage: String,
      },
  });
  
  @Component({})
  export default class Table extends AppProps {
      mounted() {
          console.log(this.propsMessage);
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Including this in some template:</p>
  
  <pre><code>&lt;template&gt;
    &lt;Table :propsMessage="['This', 'is', 'Bob']" /&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Does actually work, and gives the following output:</p>
  
  <blockquote>
    <p>["This", "is", "Bob"]</p>
  </blockquote>
  
  <p>Which is what I want, but this surely cannot be the correct way to pass arrays as props? I am not even defining the <code>propsMessage</code> as <code>String[]</code>. Doing some research, I found <a href="https://medium.com/@ondrej.janosik42/is-vue-js-really-ready-for-typescript-76c87d81c637" rel="noreferrer">this article</a> mentioning that there is a <a href="https://github.com/vuejs/vue/issues/8421" rel="noreferrer">bug</a> related to this issue. This issue has been fixed, and has been <a href="https://github.com/vuejs/vue/pull/6856" rel="noreferrer">merged just recently</a>. So, there should be a way to do this now, but I cannot find any documentation on how to do this correctly.</p>