		{
		"name": "vue-tippy",
		"version": "4.7.0",
		"description": "Directive and Component wrapper for Tippy.js",
		"author": "Georges KABBOUCHI <georges.kabbouchi@gmail.com>",
		"version": "6.0.0-alpha.0",
		"main": "dist/vue-tippy.cjs.js",
		"browser": "dist/vue-tippy.esm.js",
		"unpkg": "dist/vue-tippy.global.js",
		"jsdelivr": "dist/vue-tippy.global.js",
		"module": "dist/vue-tippy.esm-bundler.js",
		"types": "dist/vue-tippy.d.ts",
		"sideEffects": false,
		"license": "MIT",
		"files": [
		"dist",
		"src",
		"composition",
		"vetur"
		"dist/*.js",
		"dist/vue-tippy.d.ts",
		"vetur/*.json",
		"README.md"
		],
		"scripts": {
		"build": "NODE_ENV=production npm run build:browser && npm run build:es && npm run build:umd",
		"test": "npm run test:unit",
		"build:browser": "rollup --config build/rollup.config.browser.js",
		"build:es": "rollup --config build/rollup.config.es.js",
		"build:umd": "rollup --config build/rollup.config.umd.js",
		"dev": "cross-env NODE_ENV=development rollup --config build/rollup.config.es.js --watch",
		"prepublishOnly": "npm run build",
		"test:unit": "vue-cli-service test:unit"
		"build": "NODE_ENV=production rollup -c rollup.config.js",
		"dev": "webpack-dev-server --mode=development"
		},
		"main": "dist/vue-tippy.umd.js",
		"module": "dist/vue-tippy.esm.js",
		"unpkg": "dist/vue-tippy.min.js",
		"devDependencies": {
		"@babel/core": "^7.4.0",
		"@babel/plugin-proposal-class-properties": "^7.4.0",
		"@babel/plugin-syntax-dynamic-import": "^7.2.0",
		"@babel/plugin-transform-runtime": "^7.4.0",
		"@babel/polyfill": "^7.4.3",
		"@babel/preset-env": "^7.4.2",
		"@vue/cli-plugin-babel": "^3.5.1",
		"@vue/cli-plugin-eslint": "^3.5.1",
		"@vue/cli-plugin-unit-jest": "^3.5.3",
		"@vue/cli-service": "^3.5.1",
		"@vue/test-utils": "^1.0.0-beta.29",
		"babel-core": "7.0.0-bridge.0",
		"babel-eslint": "^10.0.1",
		"babel-jest": "^24.7.1",
		"clean-css": "^4.1.8",
		"cross-env": "^5.0.5",
		"eslint": "^5.16.0",
		"eslint-config-standard": "^12.0.0",
		"eslint-plugin-html": "^5.0.3",
		"eslint-plugin-import": "^2.7.0",
		"eslint-plugin-node": "^8.0.1",
		"eslint-plugin-promise": "^4.1.1",
		"eslint-plugin-standard": "^4.0.0",
		"faker": "^4.1.0",
		"highlight.js": "^9.7.0",
		"jest": "^24.7.1",
		"jest-serializer-vue": "^2.0.2",
		"jest-vue": "^0.8.2",
		"rollup": "^1.10.0",
		"rollup-plugin-analyzer": "^3.0.0",
		"rollup-plugin-babel": "^4.3.2",
		"rollup-plugin-commonjs": "^9.3.4",
		"rollup-plugin-css-only": "^1.0.0",
		"rollup-plugin-node-resolve": "^4.2.3",
		"rollup-plugin-postcss": "^2.0.3",
		"rollup-plugin-replace": "^2.0.0",
		"rollup-plugin-terser": "^4.0.4",
		"rollup-plugin-vue": "^4.7.2",
		"sass": "^1.18.0",
		"sass-loader": "^7.1.0",
		"screenfull": "^3.3.2",
		"vue": "^2.6.10",
		"vue-router": "^3.0.1",
		"vue-template-compiler": "^2.6.10"
		},
		"browserslist": [
		"> 1%",
		"last 2 versions"
		],
		"peerDependencies": {
		"vue": "^2.5.9"
		"vue": "^3.0.0"
		},
		"repository": {
		"type": "git",
		"url": "git+https://github.com/KABBOUCHI/vue-tippy.git"
		"devDependencies": {
		"@rollup/plugin-alias": "^3.1.1",
		"@rollup/plugin-commonjs": "^14.0.0",
		"@rollup/plugin-node-resolve": "^8.4.0",
		"@rollup/plugin-replace": "^2.3.3",
		"@types/webpack": "^4.41.21",
		"@types/webpack-env": "^1.15.2",
		"@vue/compiler-sfc": "^3.0.0",
		"css-loader": "^4.2.0",
		"html-webpack-plugin": "^4.3.0",
		"rollup": "^2.23.0",
		"rollup-plugin-css-only": "^2.1.0",
		"rollup-plugin-postcss": "^3.1.3",
		"rollup-plugin-terser": "^6.1.0",
		"rollup-plugin-typescript2": "^0.27.1",
		"style-loader": "^1.2.1",
		"ts-loader": "^8.0.2",
		"ts-node": "^8.10.2",
		"typescript": "^3.9.7",
		"vue": "^3.0.0",
		"vue-loader": "^16.0.0-beta.8",
		"webpack": "^4.44.1",
		"webpack-bundle-analyzer": "^3.8.0",
		"webpack-cli": "^3.3.12",
		"webpack-dev-server": "^3.11.0"
		},
		"bugs": {
		"url": "https://github.com/KABBOUCHI/vue-tippy/issues"
		},
		"homepage": "https://github.com/KABBOUCHI/vue-tippy#readme",
		"license": "MIT",
		"keywords": [
		"tooltip",
		"tippy",
		"tippy.js",
		"vue"
		],
		"dependencies": {
		"humps": "^2.0.1",
		"tippy.js": "^4.3.5"
		"tippy.js": "^6.2.6"
		},
		@@ -97,0 +54,0 @@ "vetur": {

115

README.md

		@@ -1,2 +0,2 @@
		# VueTippy
		# VueTippy - V6 - WIP

		@@ -6,114 +6,1 @@ [![npm](https://img.shields.io/npm/v/vue-tippy.svg)](https://www.npmjs.com/package/vue-tippy) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/) [![download](https://img.shields.io/npm/dt/vue-tippy.svg)](https://www.npmjs.com/package/vue-tippy)
		> Directive wrapper for Tippy.js

		![](https://github.com/KABBOUCHI/vue-tippy/blob/master/preview.gif?v0.3.0)

		<aside class="notice">
		<a href="https://github.com/KABBOUCHI/vue-tippy/tree/v1">For tippyJS v1 use v1 branch</a>
		</aside>

		## Documentation

		For full v4 documentation, visit [https://kabbouchi.github.io/vue-tippy/4.0/](https://kabbouchi.github.io/vue-tippy/4.0/).

		## Installation

		```bash
		npm install --save vue-tippy
		# or
		yarn add vue-tippy
		```

		## Usage

		### Bundler (Webpack, Rollup)

		```js
		import Vue from "vue";
		import VueTippy, { TippyComponent } from "vue-tippy";

		Vue.use(VueTippy);
		Vue.component("tippy", TippyComponent);

		// or
		Vue.use(VueTippy, {
		directive: "tippy", // => v-tippy
		flipDuration: 0,
		popperOptions: {
		modifiers: {
		preventOverflow: {
		enabled: false
		}
		}
		}
		});
		Vue.component("tippy", TippyComponent);


		// Add additional themes.
		import "tippy.js/themes/light.css";
		import "tippy.js/themes/light-border.css";
		import "tippy.js/themes/google.css";
		import "tippy.js/themes/translucent.css";
		```

		### Browser

		```html
		<!-- From CDN -->
		<script src="https://unpkg.com/vue-tippy/dist/vue-tippy.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue-tippy/dist/vue-tippy.min.js"></script>
		```

		#### Basic Usage

		```html
		<button content="Hi!" v-tippy>My Button!</button>
		<button :content="dynamicTitle" v-tippy>My Button!</button>
		<button content="Hello" v-tippy="{ placement : 'top', arrow: true }">
		My Button!
		</button>
		```

		#### Using Vue component

		```html
		<tippy to="myTrigger" arrow>
		<div>
		<h3>Header</h3>
		<p style="color: black">{{ message }} - data binding</p>
		<button @click="clicked">Click</button>
		</div>
		</tippy>

		<button name="myTrigger">Tippy Trigger</button>
		```

		```html
		<tippy arrow>
		<template v-slot:trigger>
		<button>Tippy Trigger</button>
		</template>

		<div>
		<h3>Header</h3>
		<p style="color: black">{{ message }} - data binding</p>
		<button @click="clicked">Click</button>
		</div>
		</tippy>
		```

		```html
		<tippy :content="`tooltip: ${message}`" arrow>
		<template v-slot:trigger>
		<button>Tippy Trigger</button>
		</template>
		</tippy>
		```

		> For full v4 documentation, visit [https://kabbouchi.github.io/vue-tippy/4.0/](https://kabbouchi.github.io/vue-tippy/4.0/).

		> For more info on TippyJS view the documentation and demo here: ~https://atomiks.github.io/tippyjs/~ https://kabbouchi.github.io/tippyjs-v4-docs/

		## License

		[MIT](http://opensource.org/licenses/MIT)

vetur/attributes.json

		{
		"tippy/content": {
		"type": "any",
		"description": "The content of the tippy"
		}
		}
		"tippy/content": {
		"type": "any",
		"description": "The content of the tippy"
		},
		"tippy/allowHTML": {
		"type": "boolean",
		"description": "Determines if content strings are parsed as HTML instead of text"
		},
		"tippy/arrow": {
		"type": "boolean\|string\|Element",
		"description": "Determines if the tippy has an arrow"
		},
		"tippy/theme": {
		"type": "string",
		"description": "Determines the theme of the tippy element."
		},
		"tippy/sticky": {
		"type": "boolean\|string",
		"description": "Determines if the tippy sticks to the reference element while it is mounted."
		},
		"tippy/followCursor": {
		"type": "boolean\|string",
		"description": "Determines if the tippy follows the user's mouse cursor."
		}
		}

vetur/tags.json

		{
		"tippy": {
		"attributes": [
		"to",
		"toSelector",
		"toElement",
		"content",
		"enabled",
		"visible",
		"triggerTarget",
		"arrow",
		"theme",
		"sticky",
		"followCursor",
		"allowHTML",
		"a11y",
		"allowHTML",
		"animateFill",
		"arrow",
		"flip",
		"flipOnUpdate",
		"followCursor",
		"hideOnClick",
		@@ -25,42 +20,27 @@ "ignoreAttributes",
		"showOnInit",
		"sticky",
		"touch",
		"touchHold",
		"animateFill",
		"inlinePositioning",
		"animation",
		"appendTo",
		"maxWidth",
		"role",
		"aria",
		"arrowType",
		"boundary",
		"content",
		"delay",
		"distance",
		"duration",
		"flipBehavior",
		"getReferenceClientRect",
		"interactiveBorder",
		"interactiveDebounce",
		"maxWidth",
		"moveTransition",
		"offset",
		"onHidden",
		"onHide",
		"onMount",
		"onShow",
		"onShown",
		"@hidden",
		"@hide",
		"@mount",
		"@show",
		"@shown",
		"placement",
		"plugins",
		"popperOptions",
		"role",
		"size",
		"target",
		"theme",
		"render",
		"showOnCreate",
		"trigger",
		"updateDuration",
		"wait",
		"zIndex"
		"triggerTarget"
		],
		"description": "Vue component for Tippy.js v4"
		"description": "Vue component for Tippy.js"
		}
		}

composition/index.js

composition/useTippy.js

dist/vue-tippy.min.js

dist/vue-tippy.umd.js

src/components/Tippy.vue

src/index.js

src/props.js

dist/vue-tippy.esm.js

Sorry, the diff of this file is too big to display

vue-tippy - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics

Dependency changes