feat(vfg): kongponents usage [khcp-11333]

[kaiarrowood]

Summary

First drop of VFG refactor.
Part of KHCP-11323.

Preview package with passing plugins e2es:
https://github.com/Kong/konnect-ui-apps/pull/2968

Resources

• Creating a package docs

[adamdehaven]

Commenting before I forget - you should absolutely issue a breaking change commit (if you're unsure how to do so, use the pnpm commit command after staging your changes and the CLI will walk you through it).

[sumimakito]

It also appears that we are not using @kong-ui-public/forms as a plugin and thus not calling the install function in host apps:

public-ui-components/packages/core/forms/src/index.ts

Lines 8 to 11 in 4a9f171

	install: (app: App): void => {
	app.component('VueFormGenerator', VueFormGenerator)
	app.directive('attributes', attributesDirective)
	},

We would then need to update the app initialization steps in host apps as well as the sandbox:

public-ui-components/packages/core/forms/sandbox/index.ts

Line 13 in 4a9f171

app.component('VueFormGenerator', VueFormGenerator)

with

import Forms '../src'
app.use(Forms)

in order to apply the directive defined via app.directive.

[adamdehaven]

lgtm

[Leopoldthecoder]

LGTM