A little typescript question

[sqllyw]

Hi,

I have this code:

import { createApp, reactive } from '../dist/petite-vue.es.js'
class MyApp {
    constructor() {
        this.$delimiters = ['${', '}']
    }
}

createApp(new MyApp()).mount()

Typescript will give this error:

property $delimiters does not exist on type MyApp ts(2339)

how to avoid this error message?

Thanks,

[arnoson]

You won't get these issues with a normal object:

createApp({ $delimiters: ['${', '}'] }).mount()

If you have to use a class, you have to either use a field initializer

class MyApp {
  $delimiters = ['${', '}']
}

or define the $delimiters field

class MyApp {
  $delimiters: string[]

  constructor() {
    this.$delimiters = ['${', '}']
  }
}