{"_id":"@applaud/vue-style-loader","name":"@applaud/vue-style-loader","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@applaud/vue-style-loader","version":"1.0.0","author":{"name":"Applaud"},"description":"Vue.js style loader module for webpack","repository":{"type":"git","url":"git+https://github.com/Applaud-devpack/vue-style-loader.git"},"scripts":{"test":"jest","prepublishOnly":"conventional-changelog -p angular -r 2 -i CHANGELOG.md -s"},"keywords":["applaud"],"license":"MIT","dependencies":{"hash-sum":"^1.0.2","loader-utils":"^2.0.3"},"devDependencies":{"babel-core":"^6.26.0","babel-jest":"^22.1.0","babel-plugin-transform-es2015-modules-commonjs":"^6.26.0","conventional-changelog-cli":"^2.0.1","jest":"^22.1.4"},"gitHead":"212fcb1bd080c5826581ed6ac99936a12bae87de","bugs":{"url":"https://github.com/Applaud-devpack/vue-style-loader/issues"},"homepage":"https://github.com/Applaud-devpack/vue-style-loader#readme","_id":"@applaud/vue-style-loader@1.0.0","_nodeVersion":"10.23.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-NWUTnHyj6dqH0cq4JgeZWwcKc+LbHWreKfGI08OKUaewS06Xn6pGcLHMD2fjyo2nayoLufIAk/jGdn5V/h9Hsg==","shasum":"14af3ba6fcbdbe089341338c50735d325c18d40d","tarball":"https://registry.npmjs.org/@applaud/vue-style-loader/-/vue-style-loader-1.0.0.tgz","fileCount":14,"unpackedSize":26552,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9Wu+jT6szJB8cFKWsqdxX+M/wv08LrUN5MLu5Btnt7gIhAOfyKo/6p/6OBNxn0g+avrZ8YjXFy3X8b6E8gPGO9GBp"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjdd3EACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq2LA/+NDF9U7W83ucN0jy7kQw2093Zi7K30sQhyr09zWgZa1lgVLWA\r\ndYVEzbB4I9vqSTETienjhYir2D/WsoW2V3qMHN2swoxv1SvVraTnGdox7SD/\r\nC8V7mOJcNhfSwOnK6dtsvHJmzSSjVyV9FSQ2UM+WTX7mr79YCsV7/7bUA9dS\r\nVuhDwjqNjQJe1vq97fHeuwbeIAkhL+StceEqQG0P+hdJwbEO18ouuwxI2Fqc\r\nAzt9Nexg4k6xrMJ3SK72QYH9FJ1VjHRGzQCGuZ4DsBKcNhADICYFWp1CGaxF\r\nowxxV1bN7tryofw8z257uQfWUUfx00arwFrZFsbwlHM4sdxU9MVqp7w7abHE\r\nnqnGH7Ht5BtXP5D4u6UdQFK7YYUECf2foYoEqRvd66s529Fr/2QVsCCXcZ0x\r\ntLF9JHqGJoHmy324MYFafmxUHxyiwfjf86mkghXt0DB9zyDvYSfJ1EX6JSjx\r\ngL9ap1tQ9xlMs6M7i7DWhm07fjXiEsJ5j0OQxYjgGo7w8+yAF2YuLoTw3oLH\r\niE8npsUd9RQokjmdIhBNAkEZNHSST9L2cRpOY4dVzr7PND28mTy0uYFcc0Wk\r\nV6GSikM1F+j7qMem7swKYPNs6YR1C4NfMjfoMoo3x/YINZuXkTbKzRm6kVxL\r\n37FFFRkRfpEJz899fSsIiMujo0ABVcVfKUY=\r\n=XDBg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mahesh_reddy","email":"applaud.devpack@gmail.com"},"directories":{},"maintainers":[{"name":"mahesh_reddy","email":"applaud.devpack@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-style-loader_1.0.0_1668668868505_0.35460446644759"},"_hasShrinkwrap":false}},"time":{"created":"2022-11-17T07:07:48.347Z","1.0.0":"2022-11-17T07:07:48.670Z","modified":"2022-11-17T07:07:48.820Z"},"maintainers":[{"name":"mahesh_reddy","email":"applaud.devpack@gmail.com"}],"description":"Vue.js style loader module for webpack","homepage":"https://github.com/Applaud-devpack/vue-style-loader#readme","keywords":["applaud"],"repository":{"type":"git","url":"git+https://github.com/Applaud-devpack/vue-style-loader.git"},"author":{"name":"Applaud"},"bugs":{"url":"https://github.com/Applaud-devpack/vue-style-loader/issues"},"license":"MIT","readme":"# @applaud/vue-style-loader [![Build Status](https://circleci.com/gh/vuejs/vue-style-loader/tree/master.svg?style=shield)](https://circleci.com/gh/vuejs/vue-loader/tree/master) [![npm package](https://img.shields.io/npm/v/vue-style-loader.svg)](https://www.npmjs.com/package/vue-style-loader)\r\n\r\nThis is a fork based on [style-loader](https://github.com/webpack/style-loader). Similar to `style-loader`, you can chain it after `css-loader` to dynamically inject CSS into the document as style tags. However, since this is included as a dependency and used by default in `vue-loader`, in most cases you don't need to configure this loader yourself.\r\n\r\n## Options\r\n\r\n- **manualInject** (3.1.0+):\r\n\r\n  Type: `boolean`. When importing the style from a non-vue-file, by default the style is injected as a side effect of the import. When `manualInject` is true, the imported style object exposes a `__inject__` method, which can then be called manually at appropriate timing. If called on the server, the method expects one argument which is the `ssrContext` to attach styles to.\r\n\r\n  ``` js\r\n  import styles from 'styles.scss'\r\n\r\n  export default {\r\n    beforeCreate() { // or create a mixin for this purpose\r\n      if(styles.__inject__) {\r\n        styles.__inject__(this.$ssrContext)\r\n      }\r\n    }\r\n\r\n    render() {\r\n      return <div class={styles.heading}>Hello World</div>\r\n    }\r\n  }\r\n  ```\r\n\r\n  Note this behavior is enabled automatically when `vue-style-loader` is used on styles imported within a `*.vue` file. The option is only exposed for advanced usage.\r\n\r\n- **ssrId** (3.1.0+):\r\n\r\n  Type: `boolean`. Add `data-vue-ssr-id` attribute to injected `<style>` tags even when not in Node.js. This can be used with pre-rendering (instead of SSR) to avoid duplicate style injection on hydration.\r\n\r\n## Differences from `style-loader`\r\n\r\n### Server-Side Rendering Support\r\n\r\nWhen bundling with `target: 'node'`, the styles in all rendered components are collected and exposed on the Vue render context object as `context.styles`, which you can simply inline into your markup's `<head>`. If you are building a Vue SSR app, you probably should use this loader for CSS imported from JavaScript files too.\r\n\r\n### Misc\r\n\r\n- Does not support url mode and reference counting mode. Also removed `singleton` and `insertAt` query options. It always automatically pick the style insertion mechanism that makes most sense. If you need these capabilities you should probably use the original `style-loader` instead.\r\n\r\n- Fixed the issue that root-relative URLs are interpreted against chrome:// urls and make source map URLs work for injected `<style>` tags in Chrome.\r\n\r\n## License\r\n\r\nMIT\r\n","readmeFilename":"README.md"}