1.0.1 • Published 7 months ago
@chearasmey/fullscreen-directive v1.0.1
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')