Refactoring

[ktsn]

Naming

• [x] Rename ambiguous type to more concrete one (e.g. Element -> TEElement)
• [x] Rename component name to more specific one (e.g. Node -> VueNode)

Data Structure

• [x] Make attributes on template element AST to Record<attrName, attrValue>.
• [x] Pre transform some directives like v-bind / v-model / v-for.
• [ ] Extract scoped slot / normal slot on AST transformation phase.
  • Don't do this because slot attribute may dynamic.

Tidy Up Logics

• [x] Abstract websocket communication to reduce code
• [ ] Simplify resolving v-if/-else/-else-if/-for and slots/scoped slots.
• [ ] Simplify converting AST to Vue VNode.
• [ ] Reduce many props just for transferring to a child component especially for rendering related components.

External Libs / APIs

• [ ] Use GraphQL + WebSocket for server-client communication
  • It does not appropriate for vue-designer because it has nested data structure.
• [x] Use VSCode WebView API https://code.visualstudio.com/docs/extensions/webview
• [x] Migrate to Vue CLI v3

Discussion

• Should we include code position in transformed ASTs so that we eliminate path/index from them?

[ktsn]

Closing as relatively large pain point should be refactored and we already take many time to do this. Let's move on new features and bug fixes.