Me sugirieron usar esa forma de definir tipos (en Nuxt.js para todos los componentes manualmente y al final, los datos se cargarán con Axios usando el "Patrón de repositorio"). Para proyectos pequeños está bien, pero ¿qué pasa con proyectos grandes con múltiples datos, tipos, etc.? ¿Hay alguna forma de automatizarlo? ¿Puedo tener algún tipo de clases mecanografiadas "dinámicas"?

Algunos datos:

 export const samplePage = [ { buttons: [ { size: 1, text: "Some text" } ] } ]

samplePage.modelo.ts

 export class Button { size: number; text: string; constructor(button: Partial<Button> = {}) { this.size = 1; this.text = ""; } }

prueba.vue

 <template> <div> </div> </template> <script lang="ts"> import { SamplePage } from "@/classes/models/samplePage.model" import Vue from 'vue' export default Vue.extend({ data() { return { samplePage: samplePage } }, mounted() { console.log("debug: samplePage", new SamplePage(this.samplePage[0])) }, methods: { } }) </script> <style lang="scss" scoped> </style>