HaimKortovich
a2eb1f3789
- Add nuxt-skills (vue, nuxt, nuxt-ui) to .claude/skills/ - Create useCustomerSelection() composable for managing insured/buyer selection - Create usePolicyApi() composable for policy API operations - Update auto quote components to use insured/buyer instead of client - Update vehicle fields: remove valorVehiculo, add market_value, requested_value, rc_limits - Make chassis_number and engine_number optional - Update auto quote types and composables to match new API structure - Update auto quote page to submit to policy API with new structure
40 lines
1.1 KiB
Markdown
40 lines
1.1 KiB
Markdown
# EditorSuggestionMenu
|
|
|
|
A command menu that displays formatting and action suggestions when typing the / character in the editor.
|
|
|
|
## Key Props
|
|
|
|
- `items`: as an array of objects with the following properties:
|
|
|
|
- [`kind?: "textAlign" | "heading" | "link" | "image" | "blockquote" | "bulletList" | "orderedList" | "codeBlock" | "horizontalRule" | "paragraph" | "clearFormatting" | "duplicate" | "delete" | "moveUp" | "moveDown" | "suggestion" | "mention" | "emoji"`{lang="ts-type"}](/docs/components/editor#handlers)
|
|
- `label?: string`{lang="ts-type"}
|
|
- `description?: string`{lang="ts-type"}
|
|
- `icon?: string`{lang="ts-type"}
|
|
- `type?: "label" | "separator"`{lang="ts-type"}
|
|
- `disabled?: boolean`{lang="ts-type"}
|
|
|
|
## ::component-example
|
|
|
|
elevated: true
|
|
collapse: true
|
|
name: 'editor-suggestion-menu-items-example'
|
|
class: 'p-8'
|
|
|
|
---
|
|
|
|
::
|
|
|
|
::note
|
|
You can also pass an array of arrays to the `items` prop to create separated groups of items.
|
|
|
|
- `char`: to change the trigger character.
|
|
- `options`: to customize the positioning behavior using [Floating UI options](https://floating-ui.
|
|
|
|
## Usage
|
|
|
|
```vue
|
|
<UEditorSuggestionMenu
|
|
<!-- props here -->
|
|
/>
|
|
```
|