SQL/node_modules/vue-jscodeshift-adapter/ideas.md

goals

run existing codemods on vue sfc

• ability to put new script in place of old script

provide vue-specific transform abilities

• manipulate script tag itself
• access script content

• replace script content

• manipulate template tag itself

• access template content

• replace template content

• manipulate style tag itself

• access style content

• replace style content

• reorder vue blocks

transform() api

transform(fileInfo, api, options) {

}

returns new js code (aka new script) https://github.com/facebook/jscodeshift#return-value

fileInfo:

{
  path: '...',
  source: '...'
}

api:

{
  stats: object
  jscodeshift: function
}

Idea 1

Add to fileInfo:

• script (content of script)
• template (content of template)
• style (content of style)

Those are getters and setters

If any of those are set, rebuild sfc and return it to jscodeshift

If script is set or transform returns value and it's the same as old value, return same string to jscodeshift

If none are set but transform returns value, return that to jscodeshift

If none of that happens, return nothing to jscodeshift

Extra idea

Also add to fileInfo:

templateBlock scriptBlock styleBlock

you can use those to change attributes can also change ordering somehow

are these the actual blocks from compiler?