{"_id":"@chearasmey/fullscreen-directive","_rev":"1-1249cd989530340ac0ed6157f89b4cb1","name":"@chearasmey/fullscreen-directive","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@chearasmey/fullscreen-directive","version":"1.0.0","description":"Make you element to view full screen when user clicks on it","main":"./dist/fullscreen-directive-app.mjs","module":"./dist/fullscreen-directive-app.umd.js","keywords":["fullscreen element","fullscreen directive"],"author":{"name":"CHEA Rasmey"},"license":"ISC","dependencies":{},"_id":"@chearasmey/fullscreen-directive@1.0.0","_nodeVersion":"16.13.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-g97hd5hvierTYLxW/mAL+ILTXyqgrKrG5IdlKEyywh9lhzNDsGztPRnMeaRuHLWIPwicBK7oQtOS31zQllwmRg==","shasum":"c3c005177c9d08ec29a595c2dc4984eda7dc42f7","tarball":"https://registry.npmjs.org/@chearasmey/fullscreen-directive/-/fullscreen-directive-1.0.0.tgz","fileCount":4,"unpackedSize":1670,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGSQ4C2pvEsM1m7FMXjgmyAxL8Geqo2Y28BOpCOkQ4pgIgJtfFElthlfQ1vj8LwTtUCQLR6kiRxHnhrhc/uQg40oQ="}]},"_npmUser":{"name":"chearasmey","email":"chearasmey134@gmail.com"},"directories":{},"maintainers":[{"name":"chearasmey","email":"chearasmey134@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fullscreen-directive_1.0.0_1697534293485_0.2737377104560692"},"_hasShrinkwrap":false},"1.0.1":{"name":"@chearasmey/fullscreen-directive","version":"1.0.1","description":"Make you element to view full screen when user clicks on it","main":"./dist/fullscreen-directive-app.mjs","module":"./dist/fullscreen-directive-app.umd.cjs","keywords":["fullscreen element","fullscreen directive"],"author":{"name":"CHEA Rasmey"},"license":"ISC","dependencies":{},"_id":"@chearasmey/fullscreen-directive@1.0.1","_nodeVersion":"16.13.2","_npmVersion":"9.5.0","dist":{"integrity":"sha512-bZackHuwVwFSeNJntTArYNYwNVI1U1op1Y1ynYJ72sMxAtDwfk2Yx+PMq29JZ3iXloQQ/BfYYPP2y5DMGq6YbA==","shasum":"2b2d879ab5b509e0355b57eac0de10543ff15f11","tarball":"https://registry.npmjs.org/@chearasmey/fullscreen-directive/-/fullscreen-directive-1.0.1.tgz","fileCount":4,"unpackedSize":1671,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDp5JVYK6xFod7RI4lGaqV7eIQgacCMw9MNC6qBvI4lHQIhAOg4sKMGMx0x/hsHjqdxfWvhRxUEnumkKVFawQneeI/j"}]},"_npmUser":{"name":"chearasmey","email":"chearasmey134@gmail.com"},"directories":{},"maintainers":[{"name":"chearasmey","email":"chearasmey134@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fullscreen-directive_1.0.1_1697535104315_0.5037283176254412"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-17T09:18:13.353Z","1.0.0":"2023-10-17T09:18:13.879Z","modified":"2023-10-17T09:31:44.671Z","1.0.1":"2023-10-17T09:31:44.496Z"},"maintainers":[{"name":"chearasmey","email":"chearasmey134@gmail.com"}],"description":"Make you element to view full screen when user clicks on it","keywords":["fullscreen element","fullscreen directive"],"author":{"name":"CHEA Rasmey"},"license":"ISC","readme":"# Fullscreen Directive\nMake you element to view full screen when user clicks on it\n\n## Installation\n```\nnpm i @chearasmey/fullscreen-directive\n```\n\n## Usage\n### Import directive into vue 3 component\n```js\n<template>\n    <img v-fullscreen src=\"...\" />\n</template>\n<script setup>\n    import vFullscreen from '@chearasmey/fullscreen-directive'\n</script>\n```\n### Add global directive to vue 3 app\n```js\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport vFullscreen from '@chearasmey/fullscreen-directive'\nconst app = createApp(App);\napp.directive(\"fullscreen\", vFullscreen)\napp.mount('#app')\n\n```","readmeFilename":"README.md"}