New properties for Zod `.editor()` to improve content-editor UI

[TotomInc]

Is your feature request related to a problem? Please describe

Zod schemas can be technical and confusing for content-editors.

Given this schema:

const linkSchema = z.object({
  label: z.string(),
  link: z.string(),
});

const topbarSchema = z.object({
  lowPowerMode: z.object({ label: z.string() }),
  darkMode: z.object({ label: z.string() }),
  accessibility: z.object({ label: z.string() }),
});

export const headerSchema = z.object({
  navigationItems: z.array(linkSchema),
  contact: linkSchema,
  search: z.object({ label: z.string() }),
  topbar: topbarSchema,
});

Some parts in the content-editor UI will be displayed as LowPowerMode or doesn't make sense for content-editors.

Describe the solution you'd like

Add new properties to z.editor() which improves the UI for content-editors:

• name: override displayed name of a property.
• tooltip: when defined, display an info icon next to the field name. When hovered, a Nuxt UI Tooltip appears with the given text content.
• description/helper: display text between field name and input, similar to Nuxt UI FormField description prop.

Describe alternatives you've considered

No alternatives possible.

Additional context

I will work on a PR soon for this issue!

[TotomInc]

@larbish should the properties added to the ContentEditor type, be added in @nuxt/content?

[larbish]

Sorry missed your message, yes it should.