[Build] Scaffold system [Vue]

[yyyyaaa]

Due to the limitations of mitosis and the features we can normally use with react, we need an escape hatch for advanced component logic such as managing focus, refs, keyboard controls, a11y...etc.

A solution do that we use "scaffolds" in our build system, which is just really string replace/codemod through mitosis cli plugins.

So, let's say we have <ScaffoldComplex /> components that do all sort of things that mitosis aren't capable of compiling, we then use within .lite.tsx components

export default function MyComp (props) {
  return <ScaffoldComplex>{props.children}</ScaffoldComplex>;
}

Our scaffold system should understand that ScaffoldComplex is a scaffold component and should add imports and replace the name scaffold with the actual component name in packages/<platform>/src/scaffolds/complex

• Scaffold react
• Scaffold vue
• [Vue] Bug Could not replace Identifier with nothing
• [Vue] Bug with index.ts and .vue extension
• [Vue] Vite build step for Vue package #161
• [Vue] Storybook #162
• [Vue scaffold]: Resolve connect modal compilation bugs #163