Add /*#__PURE__*/ annotations to hint Terser for tree-shaking

Webpack is more conservative in terms of dead code elimination
compared to Rollup, which causes it to bundle all the icons even
when they are not used. This patch annotate the `genIcon` and
`Object.keys` function as pure to give Terser a hint that it is
in fact side effect free.

Closes #1.

Author: tommyip

README.md

@@ -98,7 +98,7 @@ Include the scripts from CDN as follows:
 
 ```html
 <script src="https://unpkg.com/vue@3.0.4"></script>
-<script src="https://unpkg.com/bootstrap-icons-vue@0.4.0"></script>
+<script src="https://unpkg.com/bootstrap-icons-vue@0.4.1"></script>
 ```
 
 Vue 3 does not have a global application instance, so it is not possible to install the icons components automatically. Instead the browser build exports  a plugin `BootstrapIconsVue` to be installed:
@@ -111,6 +111,6 @@ app.mount('#app');
 
 ### Development
 
-Install dependencies with `yarn install` then generate icon files with `yarn build`. Test them in cdn mode with `yarn dev:cdn` or vite mode with `yarn dev:vite`.
+Install 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.
 
 [Bootstrap Icons]: https://icons.getbootstrap.com/

dev-vite/package.json

@@ -6,7 +6,6 @@
     "build": "vite build"
   },
   "dependencies": {
-    "bootstrap-icons-vue": "file:..",
     "vue": "^3.0.4"
   },
   "devDependencies": {

dev-vite/yarn.lock

@@ -441,9 +441,6 @@ bluebird@^3.7.2:
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
   integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
 
-"bootstrap-icons-vue@file:..":
-  version "0.4.0"
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-icons-vue",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Bootstrap icons as Vue components.",
   "author": "Thomas Ip <thomas@ipthomas.com>",
   "license": "MIT",
@@ -41,5 +41,6 @@
   },
   "files": [
     "/dist"
-  ]
+  ],
+  "sideEffects": false
 }

src/codegen.js

@@ -13,7 +13,7 @@ import { genIcon } from './utils';
 `;
 
 const iconComponentTemplate = `\
-export const {{componentName}} = genIcon(
+export const {{componentName}} = /*#__PURE__*/ genIcon(
   '{{componentName}}',
   '{{svgContent}}'
 );`;

src/icons.ts

@@ -9,4 +9,4 @@ export const BootstrapIconsPlugin: Plugin = {
   },
 };
 
-export const iconNames = Object.keys(icons);
+export const iconNames = /*#__PURE__*/ Object.keys(icons);