{"_id":"@camo-tag/vue","name":"@camo-tag/vue","dist-tags":{"latest":"0.2.0"},"versions":{"0.2.0":{"name":"@camo-tag/vue","version":"0.2.0","description":"Special tags that can freely render only certain tags while leaving child elements intact.","repository":{"type":"git","url":"git+https://github.com/nojiritakeshi/camo-tag.git","directory":"packages/vue"},"keywords":["vue","css","front-end","design-system"],"homepage":"https://github.com/nojiritakeshi/camo-tag","license":"MIT","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","sideEffects":false,"exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.js","import":"./dist/index.mjs"}},"devDependencies":{"@testing-library/vue":"^8.0.2","@testing-library/jest-dom":"^5.16.5","@vue/test-utils":"^2.4.4","@types/testing-library__jest-dom":"^5.14.9","@vitest/coverage-c8":"^0.31.4","globby":"^13.2.0","jsdom":"^22.1.0","ts-node":"^10.9.1","vitest":"^0.31.4"},"peerDependencies":{"vue":">=3.4.19","vue-tsc":">=1.8.27"},"publishConfig":{"access":"public"},"scripts":{"build":"tsup","test":"vitest run","typecheck":"tsc --noEmit --composite false","lint":"eslint './src/**/*.{js,ts,jsx,tsx}' --report-unused-disable-directives --max-warnings 0","lint:fix":"eslint --fix './src/**/*.{js,ts,jsx,tsx}' --report-unused-disable-directives --max-warnings 0"},"bugs":{"url":"https://github.com/nojiritakeshi/camo-tag/issues"},"_id":"@camo-tag/vue@0.2.0","_integrity":"sha512-FJ7j9lQ5vAk76/XsbMAGPHLROcpdF7AAUz7WmLbIYPAva/1kl5JQwf4B5s7TDCwCholGYl7bg9vZtY01CAiRHQ==","_resolved":"/tmp/0ffb8cf1b7f2ac0389f7c2a403657382/camo-tag-vue-0.2.0.tgz","_from":"file:camo-tag-vue-0.2.0.tgz","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-FJ7j9lQ5vAk76/XsbMAGPHLROcpdF7AAUz7WmLbIYPAva/1kl5JQwf4B5s7TDCwCholGYl7bg9vZtY01CAiRHQ==","shasum":"7188e4c28843902c551f19d725d7e399d4cc3ad4","tarball":"https://registry.npmjs.org/@camo-tag/vue/-/vue-0.2.0.tgz","fileCount":15,"unpackedSize":16500,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHBazZM89euJZY7UNYTyidkh9y4QLjZGZxBeHVPLxle7AiBV8y/7lIApbaQTl8lkboLCeUvDkrmWHSGIwSK4klwDIw=="}]},"_npmUser":{"name":"camo-tag","email":"takesoccer08nine@ezweb.ne.jp"},"directories":{},"maintainers":[{"name":"camo-tag","email":"takesoccer08nine@ezweb.ne.jp"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue_0.2.0_1710954060768_0.9897369878917104"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-20T17:01:00.649Z","0.2.0":"2024-03-20T17:01:00.946Z","modified":"2024-03-20T17:01:01.553Z"},"maintainers":[{"name":"camo-tag","email":"takesoccer08nine@ezweb.ne.jp"}],"description":"Special tags that can freely render only certain tags while leaving child elements intact.","homepage":"https://github.com/nojiritakeshi/camo-tag","keywords":["vue","css","front-end","design-system"],"repository":{"type":"git","url":"git+https://github.com/nojiritakeshi/camo-tag.git","directory":"packages/vue"},"bugs":{"url":"https://github.com/nojiritakeshi/camo-tag/issues"},"license":"MIT","readme":"# 🥷Camo-tag\n\ncamo is a special tag that allows you to freely render only specific tags while leaving child elements intact.\n\n## 💻 Installation\n\n```sh\nnpm install @camo-tag/vue\n```\n\nBasically, just install it and use it right away!\n\n## ⚡Features\n\nAt present it has the following features.\n\n- is-only\n  - By passing true to the is-only attribute, only the `camo` can be erased while leaving the child elements intact.\n  - Child elements of `camo` have the same functionality as `camo`, as shown in the following example.\n\n```react\n<Camo as=\"main\" :is-only=\"true\">\n  <h1>Home</h1>\n  <p>Hoge</p>\n  <div :is-only=\"true\">\n    <h2 style=\"color: red\">Sub Title</h2>\n    <TestComponent />\n  </div>\n</Camo>\n```\n\nThe final result is as follows.\n\n```react\n<h1>Home</h1>\n<p>Hoge</p>\n<h2 style=\"color: red\">Sub Title</h2>\n<TestComponent />\n```\n\n- is-all & is-survivor\n  - `is-all` removes all child elements.\n  - Elements surrounded by `is-survivor` protect against is-all.\n\n```react\n<Camo as=\"main\" :is-all=\"isAll\">\n  <h1>Home</h1>\n  <p>Hoge</p>\n  <div :is-survivor=\"true\">\n    <h2 style=\"color: red\">Sub Title</h2>\n    <TestComponent />\n  </div>\n</Camo>\n```\n\nThe final result is as follows.\n\n```react\n<div>\n  <h2 style=\"color: red\">Sub Title</h2>\n  <TestComponent />\n</div>\n```\n\n## Contributing\n\nContributions are welcome.\n\nIf you find a problem or a feature you would like to see, please write an Issue!\n\nPull requests are also welcome! Let's build something better together! 🥷\n\n## Licence\n\nThe scripts and documentation associated with this project are released under the [MIT License](./LICENCE) .\n","readmeFilename":"README.md"}