Fullscreen Directive

Make you element to view full screen when user clicks on it

Installation

npm i @chearasmey/fullscreen-directive

Usage

Import directive into vue 3 component

<template>
    <img v-fullscreen src="..." />
</template>
<script setup>
    import vFullscreen from '@chearasmey/fullscreen-directive'
</script>

Add global directive to vue 3 app

import { createApp } from 'vue'
import App from './App.vue'
import vFullscreen from '@chearasmey/fullscreen-directive'
const app = createApp(App);
app.directive("fullscreen", vFullscreen)
app.mount('#app')