Support custom delimiters for petite-vue

[ivanjeremic]

petite-vue same as vue has the option to set custom delimiters, ${var} is a common one but still not supported in HTML for petite-vue or other in HTML solutions. Would be awesome to have it work out of the box just like {{var}}

[johnsoncodehk]

You can use resolveTemplateCompilerOptions from plugin API, see #1991.

[ivanjeremic]

It is unclear to me where to find resolveTemplateCompilerOptions should I put this in the vscode/settings.json or does it belong to a special config file? Also any place where I can find the API docs for resolveTemplateCompilerOptions ?

[johnsoncodehk]

It don't have documatation for now, but you can reference https://github.com/sxzz/unplugin-vue-macros/blob/37fa0cda384e0df51b8c869d3ffc67bac4972230/packages/volar/src/short-vmodel.ts.

And it should add to tsconfig:

{
  "vueCompilerOptions": {
    "plugins": ["./your-plugin.js"]
  }
}