Подключение фреймворка UIKit к VueJS как плагин

Для начала создаем в "src" папку "plugins". В ней создаем файл "uikit.js" с содержанием:

uikit.js

import UIkit from "uikit"

export default (app) => {
	app.config.globalProperties.$uikit = UIkit
}

Далее в main.js добавляем строки "import UIKit from "./plugins/uikit"" и "app.use(UIKit)".

main.js

import { createApp } from "vue"
import App from "./App"
import Router from "./router"
import Languages from "./langs"
import UIKit from "./plugins/uikit"
import IMask from "imask"

const app = createApp(App)

app.use(Router)
app.use(Languages)
app.use(UIKit)
app.mount("#app")

После этого мы в любом компоненте нашего проекта можем пользоваться uikit командами. Например закрытие dropdown меню при клике по какому либо элементу.

Пример

<script>
	export default {
		data: function() {
			return {
				inputLangValue: ""
			}
		},
		methods: {
			selectLang(choseLang) {
				this.inputLangValue = choseLang
				this.$uikit.dropdown(".uk-modal-rent-selectblock", "hide()")
			}
		}
	}
</script>