[Vue.js] Nuxt3에서 외부 라이브러리 적용하기

Nuxt3 기반의 프로젝트를 신규 구축하면서 사내에서 직접 개발한 라이브러리 적용이 필요했다.

기존의 Vue 프로젝트에서는 app.use()를 사용하였었는데, Nuxt3에서 어떻게 적용해야할까 찾아보았다.

 

적용 방법

nuxtApp.vueApp.use()를 사용하면 된다.

<script setup lang="ts">
import VF from "vue-framework";

const nuxtApp = useNuxtApp();
nuxtApp.vueApp.use(VF as any);
</script>

 

 

Reference

• https://nuxt.com/docs/api/composables/use-nuxt-app#vueapp