3. Vue 커스텀 플러그인

vue 전역에서 사용가능한 플러그인을 만들자.
굳이 따지자면 전역함수 느낌이다.

/components/plugins/CustomPlugin.ts

import type { App, Plugin } from "vue";

export const CustomPlugin: Plugin = {
	install: (app: App) => {
		app.config.globalProperties.$myFunction = (value:String) => {
        
        return value;
		}
	}
}

커스텀 플러그인은 main에서 Vue.use를 사용해 추가할 수 있다.

main.ts

import { createApp } from "vue";
import App from "./App.vue";

import router from "./router"; //앞선 1번의 라우터
import { CustomPlugin } from "@/components/plugins/CustomPlugin";

const app = createApp(App);

import "vuetify/styles";
import { createVuetify } from "vuetify";
import * as components from "vuetify/components";
import * as directives from "vuetify/directives";

app
  .use(CustomPlugin)
  .use(vuetify)
  .use(router)
  .mount("#app");