{"_id":"@destination/bootstrap-icons-vue","name":"@destination/bootstrap-icons-vue","dist-tags":{"latest":"1.13.1"},"versions":{"1.13.1":{"name":"@destination/bootstrap-icons-vue","version":"1.13.1","description":"Bootstrap icons as Vue components.","authors":"Thomas Ip <thomas@ipthomas.com>","license":"MIT","main":"dist/lib.common.cjs","module":"dist/lib.esm.js","web":"dist/bundle.min.js","types":"dist/index.d.ts","unpkg":"dist/bundle.min.js","keywords":["Vue","VueJS","Vue3","Components","Icons","Bootstrap","Bootstrap Icons"],"repository":{"type":"git","url":"git+https://github.com/wearedestination/bootstrap-icons-vue.git"},"bugs":{"url":"https://github.com/wearedestination/bootstrap-icons-vue/issues"},"scripts":{"build":"node ./src/codegen.cjs && rollup --bundleConfigAsCjs -c","dev:vite":"cd ./dev-vite && yarn dev","dev:cdn":"http-server -o dev-cdn","lint:js":"eslint --ext \".ts,.js,.cjs,.vue\" --ignore-pattern '.gitignore' .","lint:prettier":"prettier --check .","lint":"npm run lint:js && npm run lint:prettier","lintfix":"prettier --write --list-different . && npm run lint:js -- --fix"},"devDependencies":{"@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^12.1.4","@typescript-eslint/eslint-plugin":"^8.45.0","@typescript-eslint/parser":"^8.45.0","bootstrap-icons":"^1.13.1","eslint":"^9.36.0","eslint-config-prettier":"^10.1.8","eslint-plugin-prettier":"^5.5.4","eslint-plugin-vue":"^10.5.0","http-server":"^14.1.0","prettier":"^3.6.2","rollup":"^4.52.3","tslib":"^2.8.1","typescript":"^5.9.3","vue":"^3.5.22","vue-eslint-parser":"^10.2.0"},"sideEffects":false,"packageManager":"yarn@1.22.19","_id":"@destination/bootstrap-icons-vue@1.13.1","gitHead":"a67a8a7f965f4ebf11e4ec8eb9d2d3e2055c48c6","homepage":"https://github.com/wearedestination/bootstrap-icons-vue#readme","_nodeVersion":"20.19.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-FmRE+nBABaFTGQhVwj54kCUyZVrY7DhyKmqKWArsC7adjE6SJEqfoHKaoJqA/mgWcj/4uTQFH5EtAaWykAw5sA==","shasum":"970b28f962ac83ed41c1febd9daa43d448a7e4d0","tarball":"https://registry.npmjs.org/@destination/bootstrap-icons-vue/-/bootstrap-icons-vue-1.13.1.tgz","fileCount":12,"unpackedSize":4915908,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCWeUlqLN5CC8lRYQC8s9qr01dsA+UM6ZDGLrOmOIP00gIhAIDpJb3xGuds908iWFlTzuo7t6ZK0YPKmJLODyNaw2Se"}]},"_npmUser":{"name":"andypalmer-wearedestination.com","email":"andy.palmer@wearedestination.com"},"directories":{},"maintainers":[{"name":"andypalmer-wearedestination.com","email":"andy.palmer@wearedestination.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/bootstrap-icons-vue_1.13.1_1759416924014_0.3556573714797484"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-02T14:55:23.954Z","1.13.1":"2025-10-02T14:55:24.236Z","modified":"2025-10-02T14:55:24.466Z"},"maintainers":[{"name":"andypalmer-wearedestination.com","email":"andy.palmer@wearedestination.com"}],"description":"Bootstrap icons as Vue components.","homepage":"https://github.com/wearedestination/bootstrap-icons-vue#readme","keywords":["Vue","VueJS","Vue3","Components","Icons","Bootstrap","Bootstrap Icons"],"repository":{"type":"git","url":"git+https://github.com/wearedestination/bootstrap-icons-vue.git"},"bugs":{"url":"https://github.com/wearedestination/bootstrap-icons-vue/issues"},"license":"MIT","readme":"<img src=\"./assets/banner.jpg\">\n<h1 align=\"center\">Bootstrap Icons Vue</h1>\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/bootstrap-icons-vue\">\n    <img src=\"https://img.shields.io/npm/v/bootstrap-icons-vue?color=blue\" alt=\"NPM\">\n  </a>\n  <a href=\"https://icons.getbootstrap.com/\">\n    <img src=\"https://img.shields.io/badge/Bootstrap%20Icons-1.13.1-blueviolet\" alt=\"Bootstrap Icons\">\n  </a>\n  <a href=\"https://github.com/vuejs/vue-next\">\n    <img src=\"https://img.shields.io/badge/Vue.js-3.x-success\" alt=\"Vue JS\">\n  </a>\n</p>\n\n> Free, high quality, open source icon library with over 1,500 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project. -- [Bootstrap Icons]\n\nThis library provides Bootstrap icons as Vue 3.x components.\n\nBuilt from Bootstrap Icons v1.13.1.\n\n## Installation\n\n```sh\n# Using yarn\nyarn add bootstrap-icons-vue\n\n# Or npm\nnpm install bootstrap-icons-vue\n```\n\nAlternatively, you can use them straight from a CDN without installation.\n\n```html\n<script src=\"https://unpkg.com/vue@3.2.23\"></script>\n<script src=\"https://unpkg.com/bootstrap-icons-vue@1.13.1\"></script>\n```\n\n## Usage\n\n**1. Importing individual icons**\n\nMaking them globally available for an app:\n\n```js\nimport { createApp } from \"vue\";\nimport {\n  BIconBatteryFull,\n  BIconArrow90degDown,\n  BIconBookmark,\n} from \"bootstrap-icons-vue\";\n\nconst app = createApp(/** App **/);\napp.component(\"BIconBatteryFull\", BIconBatteryFull);\napp.component(\"BIconArrow90degDown\", BIconArrow90degDown);\napp.component(\"BIconBookmark\", BIconBookmark);\napp.mount(\"#app\");\n```\n\nOr just for one component:\n\n```js\nimport {\n  BIconBatteryFull,\n  BIconArrow90degDown,\n  BIconBookmark,\n} from \"bootstrap-icons-vue\";\n\nexport default {\n  components: {\n    BIconBatteryFull,\n    BIconArrow90degDown,\n    BIconBatteryFull,\n  },\n  // ...\n};\n```\n\n**2. Importing all icons**\n\n```js\nimport { createApp } from \"vue\";\nimport { BootstrapIconsPlugin } from \"bootstrap-icons-vue\";\n\nconst app = createApp(/** App **/);\napp.use(BootstrapIconsPlugin);\napp.mount(\"#app\");\n```\n\nNote that this will register all icon components to the app instance, unused icons will not be tree-shakable.\n\n**3. Import all icons (for CDN build)**\n\nVue 3 does not have a global application instance, so it is not possible to automatically expose the icons components. Instead you should install the provided plugin to your app instance.\n\n```js\nconst app = Vue.createApp(/** App **/);\napp.use(BootstrapIconsVue);\napp.mount(\"#app\");\n```\n\n### Naming convention\n\nAll icons are exported following the `PascalCase` naming convention, prefixed with `BIcon`. For example, the icon `battery-full` is exported as `BIconBatteryFull`, the icon `arrow-90deg-down` is exported as `BIconArrow90degDown`, etc. Vue allows you to refer to them in templates using either `PascalCase` or `kebab-case`.\n\n```html\n<template>\n  <BIconArrow90degDown />\n  <!-- Or -->\n  <b-icon-arrow-90deg-down />\n</template>\n```\n\nEach icon is `1em` in width and height. They can be styled by inheriting from their parent element, or receiving class or style attribute directly.\n\nYou can find the full list of available icons at https://icons.getbootstrap.com/.\n\n## Relation to [BootstrapVue]\n\nBootstrapVue implements Bootstrap components (including Bootstrap Icons) and grid system as Vue 2 components. bootstrap-icons-vue is **NOT** intended to be used alongside BootstrapVue, as the latter is a superset of this project. Besides, they target different major Vue version.\n\nThis library is for those who wants to use Bootstrap Icons but do not wish to pull in a massive dependency (BootstrapVue).\n\n## Development\n\nInstall dependencies with `yarn install` then generate icon files with `yarn build`. To test the browser build, run `yarn dev:cdn`. With the vite app, first link the library by running `yarn link` in this directory, then `yarn link bootstrap-icons-vue` in `./dev-vite`, finally run `yarn dev:vite` back in this directory.\n\nThe `upgrade.sh` script upgrades everything and update the docs with new version specifiers.\n\n[Bootstrap Icons]: https://icons.getbootstrap.com/\n[BootstrapVue]: https://github.com/bootstrap-vue/bootstrap-vue\n","readmeFilename":"README.md","_rev":"1-4846fea728efa6f1aa63038f849f2881"}