diff --git a/nuxt.config.js b/nuxt.config.js index 8a82b296a..ebc349c27 100644 --- a/nuxt.config.js +++ b/nuxt.config.js @@ -40,7 +40,8 @@ module.exports = { */ plugins: [ { src: '~/plugins/design-system.js', ssr: true }, - { src: '~/plugins/vue-directives.js', ssr: false } + { src: '~/plugins/vue-directives.js', ssr: false }, + { src: '~/plugins/v-tooltip.js', ssr: false } ], router: { diff --git a/package.json b/package.json index 29671574b..80042ecb0 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "express": "^4.16.3", "graphql-tag": "^2.10.0", "nuxt": "^2.0.0", + "v-tooltip": "^2.0.0-rc.33", "vue-cion-design-system": "file:./styleguide" }, "devDependencies": { diff --git a/plugins/v-tooltip.js b/plugins/v-tooltip.js new file mode 100644 index 000000000..a018ec5f3 --- /dev/null +++ b/plugins/v-tooltip.js @@ -0,0 +1,16 @@ +import Vue from 'vue' +import VTooltip from 'v-tooltip' + +Vue.use(VTooltip, { + defaultDelay: { + show: 500, + hide: 50 + }, + defaultOffset: 2, + defaultPopperOptions: { + removeOnDestroy: true + }, + popover: { + // defaultArrowClass: 'm-dropdown__arrow' + } +}) diff --git a/yarn.lock b/yarn.lock index 4456b959d..4a5a3817a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4340,6 +4340,10 @@ lodash.memoize@^4.1.2: version "4.1.2" resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe" +lodash.merge@^4.6.0: + version "4.6.1" + resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.1.tgz#adc25d9cb99b9391c59624f379fbba60d7111d54" + lodash.mergewith@^4.6.0: version "4.6.1" resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.1.tgz#639057e726c3afbdb3e7d42741caa8d6e4335927" @@ -5309,6 +5313,10 @@ pluralize@^7.0.0: version "7.0.0" resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-7.0.0.tgz#298b89df8b93b0221dbf421ad2b1b1ea23fc6777" +popper.js@^1.12.9: + version "1.14.4" + resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.14.4.tgz#8eec1d8ff02a5a3a152dd43414a15c7b79fd69b6" + posix-character-classes@^0.1.0: version "0.1.1" resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab" @@ -7387,6 +7395,14 @@ uuid@^3.1.0, uuid@^3.3.2: version "3.3.2" resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.3.2.tgz#1b4af4955eb3077c501c23872fc6513811587131" +v-tooltip@^2.0.0-rc.33: + version "2.0.0-rc.33" + resolved "https://registry.yarnpkg.com/v-tooltip/-/v-tooltip-2.0.0-rc.33.tgz#78f7d8e9c34265622be65ba9dc78c67f1dc02b73" + dependencies: + lodash.merge "^4.6.0" + popper.js "^1.12.9" + vue-resize "^0.4.3" + validate-npm-package-license@^3.0.1: version "3.0.4" resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a" @@ -7489,6 +7505,10 @@ vue-no-ssr@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/vue-no-ssr/-/vue-no-ssr-1.0.0.tgz#169bdabfa2ca170c8979d94062d877a0479c3f10" +vue-resize@^0.4.3: + version "0.4.4" + resolved "https://registry.yarnpkg.com/vue-resize/-/vue-resize-0.4.4.tgz#dee9b8dd1b189e7e3f6ec47f86c60694a241bb17" + vue-router@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.0.1.tgz#d9b05ad9c7420ba0f626d6500d693e60092cc1e9"