https://github.com/storybookjs/storybook/issues/11400
This commit adds dynamic source code rendering feature to Docs addon for
Vue.js. The goals are 1) reflecting Controls' value to code block and
2) showing a code similar to what component consumers would write.
To archive these goals, this feature compiles a component with Vue, then
walks through vdom and stringifys the result. It could be possible to
parse components' template or render function then stringify results,
but it would be costly and hard to maintain (especially for parsing).
We can use vue-template-compiler for the purpose, but it can't handle
render functions so it's not the way to go IMO.
Speaking of the goal 2, someone wants events to be in the output code.
But it's so hard to retrieve component definitions (e.g. `methods`,
`computed`). I think it's okay to skip events until we figure there is a
high demand for that.
- `@storybook/core` is used to find `coreDirName` in `preset.ts`
- `tslib` is needed because this package is a peerDeps of `@angular/core`
- `@types/estree` is used in `acornParser`
Also:
- Remove `@ts-ignore`
