2024-09-17 09:03:44 +00:00
|
|
|
<template>
|
2024-09-20 12:22:44 +00:00
|
|
|
<DocPTViewer :docs="docs">
|
2024-09-17 09:03:44 +00:00
|
|
|
<img id="logo" alt="Logo" src="https://primefaces.org/cdn/primevue/images/nature/nature2.jpg" class="w-full md:w-[20rem] rounded shadow-lg" @contextmenu="onImageRightClick" aria-haspopup="true" />
|
|
|
|
<ContextMenu ref="menu" appendTo="#logo" :model="items" />
|
|
|
|
</DocPTViewer>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import { getPTOptions } from '@/components/doc/helpers';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
items: [
|
|
|
|
{ label: 'Copy', icon: 'pi pi-copy' },
|
|
|
|
{ label: 'Rename', icon: 'pi pi-file-edit' }
|
|
|
|
],
|
2024-09-20 12:22:44 +00:00
|
|
|
docs: [
|
2024-09-17 09:03:44 +00:00
|
|
|
{
|
|
|
|
data: getPTOptions('ContextMenu'),
|
|
|
|
key: 'ContextMenu'
|
|
|
|
}
|
|
|
|
]
|
|
|
|
};
|
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|