@jamescoyle/vue-icon
Advanced tools
Comparing version 0.1.0 to 0.1.1
{ | ||
"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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
69
176647