vue-inline-svg - npm Package Compare versions

Comparing version 3.1.3 to 3.1.4

dist/vue-inline-svg.js

		@@ -8,2 +8,3 @@ (function (global, factory) {
		// peer dep is not installed during test
		// eslint-disable-next-line import/no-unresolved

		@@ -10,0 +11,0 @@ /** @type {Record<string, PromiseWithState<Element>>} */

package.json

		{
		"name": "vue-inline-svg",
		"version": "3.1.3",
		"version": "3.1.4",
		"description": "Replace SVG images with inline SVG element",
		@@ -59,14 +59,14 @@ "type": "module",
		"devDependencies": {
		"@babel/core": "^7.20.12",
		"@babel/preset-env": "^7.20.2",
		"@rollup/plugin-babel": "^6.0.3",
		"@rollup/plugin-terser": "^0.4.0",
		"check-dts": "^0.7.0",
		"@babel/core": "^7.25.2",
		"@babel/preset-env": "^7.25.4",
		"@rollup/plugin-babel": "^6.0.4",
		"@rollup/plugin-terser": "^0.4.4",
		"check-dts": "^0.8.2",
		"eslint": "^8.33.0",
		"eslint-config-airbnb-base": "^15.0.0",
		"eslint-plugin-import": "^2.27.5",
		"eslint-plugin-import": "^2.30.0",
		"pre-commit": "^1.2.2",
		"rollup": "^3.14.0",
		"typescript": "^4.9.5"
		"rollup": "^4.21.3",
		"typescript": "^5.6.2"
		}
		}

README.md

		@@ -11,2 +11,5 @@ # Vue Inline SVG

		### Using Vue v2?
		Check old version [vue-inline-svg@2](https://github.com/shrpne/vue-inline-svg/tree/v2?tab=readme-ov-file#vue-inline-svg)

		[ci-img]: https://travis-ci.org/shrpne/vue-inline-svg.svg
		@@ -19,3 +22,2 @@ [ci]: https://travis-ci.org/shrpne/vue-inline-svg
		- [CDN](#cdn)
		- [Vue 3](#vue-v3)
		- [Usage](#usage)
		@@ -81,20 +83,8 @@ - [props](#props)

		### Vue v3

		Version of `vue-inline-svg` with support of Vue v3 is available under `next` tag
		from NPM
		```bash
		npm install vue-inline-svg@next
		```
		or from CDN
		```html
		<script src="https://unpkg.com/vue-inline-svg@next"></script>
		```


		## Usage

		```html
		<inline-svg
		src="image.svg"
		<inline-svg
		src="image.svg"
		transformSource="transformSvg"
		@@ -104,3 +94,3 @@ @loaded="svgLoaded($event)"
		@error="svgLoadError($event)"
		width="150"
		width="150"
		height="150"
		@@ -110,3 +100,3 @@ fill="black"
		></inline-svg>
		```
		```
		[Example](https://github.com/shrpne/vue-inline-svg/blob/master/demo/index.html)
		@@ -149,3 +139,3 @@
		Function to transform SVG source


		This example create circle in svg:
		@@ -174,6 +164,6 @@ ```html
		<!-- input -->
		<inline-svg
		fill-opacity="0.25"
		<inline-svg
		fill-opacity="0.25"
		:stroke-opacity="myStrokeOpacity"
		:color="false"
		:color="false"
		></inline-svg>
		@@ -183,3 +173,3 @@
		<svg fill-opacity="0.25" stroke-opacity="0.5"></svg>
		```
		```

		@@ -186,0 +176,0 @@

types/index.d.ts

		@@ -9,3 +9,3 @@ /*

		interface InlineSvg {
		export interface InlineSvgProps {
		src: string;
		@@ -18,3 +18,3 @@ title?: string;
		declare const _default: DefineComponent<
		InlineSvg,
		InlineSvgProps,
		unknown,
		@@ -29,4 +29,4 @@ unknown,
		VNodeProps & AllowedComponentProps & ComponentCustomProps,
		InlineSvg
		InlineSvgProps
		>;
		export default _default;

New alerts