2022-09-09 20:41:18 +00:00
< template >
2023-11-04 08:20:02 +00:00
< DocComponent title = "Vue Menu Component" header = "Menu" description = "Menu displays a list of items in vertical orientation." :componentDocs ="docs" : apiDocs = "['Menu', 'MenuItem']" :ptTabComponent ="ptComponent" :themingDocs ="themingDoc" / >
2022-09-09 20:41:18 +00:00
< / template >
< script >
2023-09-21 11:21:43 +00:00
import AccessibilityDoc from '@/doc/menu/AccessibilityDoc.vue' ;
import BasicDoc from '@/doc/menu/BasicDoc.vue' ;
2023-11-04 08:20:02 +00:00
import CommandDoc from '@/doc/menu/CommandDoc.vue' ;
2023-09-21 11:21:43 +00:00
import GroupDoc from '@/doc/menu/GroupDoc.vue' ;
import ImportDoc from '@/doc/menu/ImportDoc.vue' ;
import PopupDoc from '@/doc/menu/PopupDoc.vue' ;
import RouterDoc from '@/doc/menu/RouterDoc.vue' ;
import TemplateDoc from '@/doc/menu/TemplateDoc.vue' ;
2023-04-27 14:52:22 +00:00
import PTComponent from '@/doc/menu/pt/index.vue' ;
2023-07-27 08:46:00 +00:00
import ThemingDoc from '@/doc/menu/theming/index.vue' ;
2022-09-09 20:41:18 +00:00
export default {
data ( ) {
return {
2023-02-28 08:29:30 +00:00
docs : [
{
id : 'import' ,
label : 'Import' ,
component : ImportDoc
} ,
{
id : 'basic' ,
label : 'Basic' ,
component : BasicDoc
} ,
{
id : 'group' ,
label : 'Group' ,
component : GroupDoc
} ,
{
id : 'popup' ,
label : 'Popup' ,
component : PopupDoc
} ,
{
id : 'template' ,
label : 'Template' ,
component : TemplateDoc
} ,
2023-11-04 08:20:02 +00:00
{
id : 'command' ,
label : 'Command' ,
component : CommandDoc
} ,
2023-08-29 14:32:06 +00:00
{
id : 'router' ,
label : 'Router' ,
component : RouterDoc
} ,
2022-09-09 20:41:18 +00:00
{
2023-02-28 08:29:30 +00:00
id : 'accessibility' ,
label : 'Accessibility' ,
component : AccessibilityDoc
2022-09-09 20:41:18 +00:00
}
2023-04-27 14:52:22 +00:00
] ,
2023-07-27 08:46:00 +00:00
ptComponent : PTComponent ,
themingDoc : ThemingDoc
2022-09-09 20:41:18 +00:00
} ;
}
} ;
< / script >