title: Vue/Typescript How to find right type of object used for style = { }
body: <p>I use this approach for style in my vue ts project.</p>
  <pre class="lang-js prettyprint-override"><code>    private styleTableObject: CSSStyleSheet = {
        width: '100%',
        height: '76%'
      }
  </code></pre>
  <p>I am forced to the <code>any</code> type.</p>
  <pre class="lang-js prettyprint-override"><code>    private styleTableObject: any = {
        width: '100%',
        height: '76%'
      }
  </code></pre>
  <p>Error logs:</p>
  <pre><code>Type '{ width: string; height: string; }' is not assignable to type 'CSSStyleSheet'.
    Object literal may only specify known properties, and 'width' does not exist in type 'CSSStyleSheet'.
  </code></pre>
  <p>If a use any type from visual code helper i got error logs:</p>
  <pre><code> Type '{ width: string; height: string; }' is not assignable to type 'StyleSheet'.
    Object literal may only specify known properties, and 'width' does not exist in type 'StyleSheet'.
  
  219:13 Type '{ width: string; height: string; }' is missing the following properties from type 'CSSStyleDeclaration': alignContent, alignItems, alignSelf, alignmentBaseline, and 382 more.
  </code></pre>