Use tooltip directive from nextcloud/vue (#1976)

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

package-lock.json

@@ -36,7 +36,6 @@
 				"p-queue": "^6.6.2",
 				"uuid": "^8.3.2",
 				"v-click-outside": "^3.1.2",
-				"v-tooltip": "^2.1.3",
 				"vue": "^2.6.14",
 				"vue-clipboard2": "^0.3.3",
 				"vue-material-design-icons": "^5.0.0",

package.json

@@ -53,7 +53,6 @@
 		"p-queue": "^6.6.2",
 		"uuid": "^8.3.2",
 		"v-click-outside": "^3.1.2",
-		"v-tooltip": "^2.1.3",
 		"vue": "^2.6.14",
 		"vue-clipboard2": "^0.3.3",
 		"vue-material-design-icons": "^5.0.0",

src/components/AppNavigation/ListItemCalendar.vue

@@ -150,6 +150,7 @@ import AppNavigationIconBullet from '@nextcloud/vue/dist/Components/AppNavigatio
 import Actions from '@nextcloud/vue/dist/Components/Actions'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import ActionLink from '@nextcloud/vue/dist/Components/ActionLink'
+import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 
 import Close from 'vue-material-design-icons/Close'
 import Delete from 'vue-material-design-icons/Delete'
@@ -185,6 +186,7 @@ export default {
 	},
 	directives: {
 		clickOutside: ClickOutside.directive,
+		Tooltip,
 	},
 	props: {
 		calendar: {

src/components/DeleteCompletedModal.vue

@@ -66,6 +66,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 <script>
 import { translate as t, translatePlural as n } from '@nextcloud/l10n'
 import Modal from '@nextcloud/vue/dist/Components/Modal'
+import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 
 import Delete from 'vue-material-design-icons/Delete'
 
@@ -76,6 +77,9 @@ export default {
 		Delete,
 		Modal,
 	},
+	directives: {
+		Tooltip,
+	},
 	props: {
 		calendar: {
 			type: Object,

src/components/SortorderDropdown.vue

@@ -62,6 +62,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 import { translate as t } from '@nextcloud/l10n'
 import Actions from '@nextcloud/vue/dist/Components/Actions'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
+import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 
 import AnimationOutline from 'vue-material-design-icons/AnimationOutline'
 import Bookmark from 'vue-material-design-icons/Bookmark'
@@ -94,6 +95,9 @@ export default {
 		Plus,
 		Star,
 	},
+	directives: {
+		Tooltip,
+	},
 	data() {
 		return {
 			orders: [

src/main.js

@@ -42,7 +42,6 @@ import TrendingUp from 'vue-material-design-icons/TrendingUp'
 import Vue from 'vue'
 import { sync } from 'vuex-router-sync'
 // eslint-disable-next-line import/no-named-as-default
-import VTooltip from 'v-tooltip'
 import VueClipboard from 'vue-clipboard2'
 
 // Disable on production
@@ -62,7 +61,6 @@ __webpack_public_path__ = linkTo('tasks', 'js/')
 
 sync(store, router)
 
-Vue.use(VTooltip)
 Vue.use(VueClipboard)
 
 /**

src/views/AppNavigation.vue

@@ -109,6 +109,7 @@ import { translate as t } from '@nextcloud/l10n'
 import AppNavigation from '@nextcloud/vue/dist/Components/AppNavigation'
 import AppNavigationCounter from '@nextcloud/vue/dist/Components/AppNavigationCounter'
 import AppNavigationItem from '@nextcloud/vue/dist/Components/AppNavigationItem'
+import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
 
 import CalendarToday from 'vue-material-design-icons/CalendarToday'
 import CalendarWeek from 'vue-material-design-icons/CalendarWeek'
@@ -142,6 +143,7 @@ export default {
 	},
 	directives: {
 		clickOutside: ClickOutside.directive,
+		Tooltip,
 	},
 	data() {
 		return {

tests/javascript/unit/views/AppContent/General.spec.js

@@ -4,10 +4,6 @@ import router from '@/router.js'
 import { store, localVue } from '../../setupStore.js'
 
 import { mount } from '@vue/test-utils'
-// eslint-disable-next-line import/no-named-as-default
-import VTooltip from 'v-tooltip'
-
-localVue.use(VTooltip)
 
 describe('General.vue', () => {
 	'use strict'

tests/javascript/unit/views/AppContent/Week.spec.js

@@ -4,10 +4,6 @@ import router from '@/router.js'
 import { store, localVue } from '../../setupStore.js'
 
 import { mount } from '@vue/test-utils'
-// eslint-disable-next-line import/no-named-as-default
-import VTooltip from 'v-tooltip'
-
-localVue.use(VTooltip)
 
 describe('Week.vue', () => {
 	'use strict'