[영화 검색 사이트] Vue 플러그인

https://v3-docs.vuejs-korea.org/guide/reusability/plugins.html

플러그인 | Vue.js

 

loadImage.js

export default {
  install(app) {
    app.config.globalProperties.$loadImage = (src) => {
      return new Promise((resolve) => {
        const img = document.createElement('img')
        img.src = src
        img.addEventListener('load', () => {
          resolve()
        })
      })
    }
  }
}

 

main.js

import { createApp } from 'vue'
import App from './App'
import router from './routes'
import store from './store'
import loadImage from './plugins/loadImage'

createApp(App)
  .use(router)    // $route, $router
  .use(store)     // $store
  .use(loadImage) // $loadImage
  .mount('#app')