Ρυθμίστε το Context Menu

Περιβάλλον: client

Αυτή η λειτουργία ρύθμισης θα εκτελεστεί μόνο σε client side. Βεβαιωθείτε ότι το πρόγραμμα περιήγησης είναι συμβατό όταν κάνετε εισαγωγή πακέτων.

Προσαρμόστε τα στοιχεία του context menu στο Slidev.

Δημιουργήστε το αρχείο ./setup/context-menu.ts με το ακόλουθο περιεχόμενο:

import { defineContextMenuSetup } from '@slidev/types'
import { computed } from 'vue'
import Icon3DCursor from '~icons/carbon/3d-cursor'

export default defineContextMenuSetup((items) => {
  const { isPresenter } = useNav()
  return computed(() => [
    ...items.value,
    {
      small: false,
      icon: Icon3DCursor, // Χρησιμοποιείται ως `title` εάν το `small` είναι `true`
      label: 'Προσαρμοσμένο Στοιχείο Μενού', // ή ένα Vue component
      action() {
        alert('Έγινε click στο Προσαρμοσμένο Στοιχείο Μενού!')
      },
      disabled: isPresenter.value,
    },
  ])
})

Αυτό θα προσθέσει ένα νέο στοιχείο μενού στο context menu.

Για να απενεργοποιήσετε το context menu καθολικά, ορίστε το contextMenu σε false στο frontmatter. Το contextMenu μπορεί επίσης να οριστεί σε dev ή build για να το ενεργοποιήσετε μόνο σε λειτουργία ανάπτυξης ή κατασκευής.