Petit bug avec vite js

Décrivez ici votre problème ou ce que vous cherchez à faire.

"import { createApp } from 'vue'

import store from './LightboxStore'
const Vue = createApp({})
Vue.directive('lightbox', {
    bind(el, binding) {
        let group = binding.value === undefined ? 'default' : 'rio'

         store.addImage(el.getAttribute('href'), group)
        el.addEventListener('click', function (e) {

            e.preventDefault()

            store.open(el.getAttribute('href'), group)

        })
    },
    unbind(el, binding) {
        let group = binding.value === undefined ? 'default' : 'rio'
        store.remove(el.getAttribute('href'), group)
    }
}) "

Ce que je veux

Décrivez ce que vous cherchez à obtenir.

Ce que j'obtiens

Bonjour comment allez vous j'espère que vous vous portez bien . j'essaye de reprendre l'exemple du lightbox de grafikart sur sa formation vuejs mais je travaille avec vitejs . mais à propos du composant lightbox, le navigateur génére toujours une petite erreur disant : Failed to resolve directive: lightbox .et là j'ai une page toute blanche , rien ne s'affiche . avez vous une explication sur la façon dont j'ai importer le module 'vue' ?