vue.js - tipurile Nuxt + TypeScript nu funcționează în layout-uri și pluginuri

Sunt nou în TS și vreau să folosesc tipuri și în layout-uri, dar, așa cum se vede în imagine, typescript-build returnează eroarea „Syntax Error: Unexpected token” când adaug tipul la proprietatea popups.

În pages funcționează corect. Nu funcționează în fișierele ts din layout și plugins.

Fișierul VUE simplificat care nu funcționează este mai jos.

<template>
  <div id="wrapper" class="d-flex no-gutters">
    <Nuxt/>
  </div>
</template>
<script type="ts">
import {Component, Vue} from 'nuxt-property-decorator'

@Component()
export default class Default extends Vue {
  popups: {
    [key: string]: {
      show: boolean,
      loading: boolean,
      changed: boolean,
      submit_loading: boolean
    }
  } = {
    login: {
      show: false,
      loading: false,
      changed: false,
      submit_loading: false
    }
  };
}
</script>

Răspuns #1

Scriptul tău ar trebui să aibă valoarea ts pentru atributul lang :

 <script lang="ts">