import type { App } from 'vue';

const plugins = {
  install: (app: App) => {
    app.config.globalProperties.$test = () => {
      console.log('this is a test plugin !');
    };
  },
};
export default plugins;

import { createApp } from 'vue';
import App from './App.vue';
import testPlugin from './test.plugin';

const app = createApp(App);
app.use(testPlugin);
app.mount('#app');

import { onMounted, getCurrentInstance } from 'vue';

onMounted(() => {
  const vm = getCurrentInstance()
  vm?.appContext.config.globalProperties.$test()
})

import type { App } from 'vue';
import GlobalComponent from './components/GlobalComponent.vue';

const plugins = {
  install: (app: App) => {
    app.component('global-component', GlobalComponent);
  },
};
export default plugins;

import type { App } from 'vue';

const plugins = {
  install: (app: App) => {
    app.provide('test', { message: 'test plugin' });
  },
};
export default plugins;

import { inject } from 'vue';
const test = inject('test')
console.log('🚀🚀 ~ test', test);

import LegoComponent from 'lego-component'
app.use(LegoComponent);

import { LText } from 'lego-component';
app.use(LText);
// 或者
app.component(LText.name,LText)

// src\index.ts

import type { App } from 'vue';

// 组件对象
import LText from './components/LText';
import LImage from './components/LImage';

// 组件列表
const components = [LText, LImage];

// 遍历 components 注册全局组件
const install = (app: App) => {
  components.forEach((c) => {
    app.component(c.name, c);
  });
};

// 按需导出
export { LText, install };

// 默认整体导出
export default {
  install,
};

// src\components\LText\index.ts

import type { App } from 'vue';

import LText from './LText.vue';

// 注册单个组件的插件
LText.install = (app: App) => {
  app.component(LText.name, LText);
};

export default LText;