Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@jamescoyle/vue-icon

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@jamescoyle/vue-icon - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

tests/svg-icon.spec.js

78

package.json
{
"name": "@jamescoyle/vue-icon",
"version": "0.1.0",
"description": "Icon component for Vue.js",
"main": "lib/svg-icon.vue",
"directories": {
"lib": "lib",
"test": "tests"
},
"scripts": {
"test": "jest"
},
"repository": {
"type": "git",
"url": "git+https://github.com/JamesCoyle/vue-icon.git"
},
"keywords": [
"Vue",
"icon",
"mdi",
"pictogrammers"
],
"author": "Pictogrammers, James Coyle",
"license": "MIT",
"bugs": {
"url": "https://github.com/JamesCoyle/vue-icon/issues"
},
"homepage": "https://github.com/JamesCoyle/vue-icon#readme",
"devDependencies": {
"@babel/core": "^7.11.6",
"@babel/plugin-transform-runtime": "^7.11.5",
"@babel/preset-env": "^7.11.5",
"@vue/test-utils": "^1.1.0",
"babel-core": "^7.0.0-bridge.0",
"babel-jest": "^26.3.0",
"jest": "^26.4.2",
"vue": "^2.6.12",
"vue-jest": "^3.0.7",
"vue-template-compiler": "^2.6.12"
}
"name": "@jamescoyle/vue-icon",
"version": "0.1.1",
"description": "Icon component for Vue.js",
"main": "lib/svg-icon.vue",
"directories": {
"lib": "lib",
"test": "tests"
},
"repository": {
"type": "git",
"url": "git+https://github.com/JamesCoyle/vue-icon.git"
},
"keywords": [
"Vue",
"icon",
"mdi",
"pictogrammers"
],
"author": "Pictogrammers, James Coyle",
"license": "MIT",
"bugs": {
"url": "https://github.com/JamesCoyle/vue-icon/issues"
},
"homepage": "https://github.com/JamesCoyle/vue-icon#readme",
"devDependencies": {
"@babel/core": "^7.15.0",
"@babel/plugin-transform-runtime": "^7.15.0",
"@babel/preset-env": "^7.15.0",
"@vue/test-utils": "^1.2.2",
"babel-core": "^7.0.0-bridge.0",
"babel-jest": "^26.6.3",
"jest": "^26.6.3",
"vue": "^2.6.14",
"vue-jest": "^3.0.7",
"vue-template-compiler": "^2.6.14"
},
"scripts": {
"test": "jest"
}
}

@@ -0,3 +1,8 @@

Consider using the [webcomponent version](https://github.com/JamesCoyle/svg-icon) of this component for an icon component that can be used in any modern browser with any framework.
# Vue Icon Component
[![](https://chips.james-coyle.now.sh/npm/version/@jamescoyle/vue-icon)](https://www.npmjs.com/package/@jamescoyle/vue-icon)
[![](https://chips.james-coyle.now.sh/npm/downloads/@jamescoyle/vue-icon)](https://www.npmjs.com/package/@jamescoyle/vue-icon)
An icon component which makes it easy to render SVG path based icons in any Vue project. Provides several helpful properties to manipulate the icon and supports any icon pack which provides icons as a single SVG path to be displayed on a square viewbox.

@@ -7,2 +12,13 @@

1. Install from NPM
```
npm install @jamescoyle/vue-icon
```
2. Import into your project
```
import SvgIcon from '@jamescoyle/vue-icon'
```
## SFC Example
The following example uses [@mdi/js](https://www.npmjs.com/package/@mdi/js) which provides a wide range of icon paths. It shows how you might use an icon within a single file component.

@@ -9,0 +25,0 @@

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc