// 简单插件示例：全局时间格式化过滤器
const DateFormatter = {
  install(Vue) {
    Vue.filter('formatDate', value => {
      return new Date(value).toLocaleDateString()
    })
  }
}

// 推荐命名方式
Vue.prototype.$api = apiService
Vue.directive('my-custom-focus', { /* ... */ })

install(Vue, options = {}) {
  const config = { size: 'medium', ...options }
  Vue.prototype.$notify = (message) => {
    // 使用配置项
    console.log(`[${config.size}] ${message}`)
  }
}

import { ref, provide } from 'vue'

export default {
  install(app) {
    const theme = ref('light')
    app.provide('theme', theme)
    
    app.config.globalProperties.$toggleTheme = () => {
      theme.value = theme.value === 'light' ? 'dark' : 'light'
    }
  }
}

const ModalPlugin = {
  install(app) {
    app.config.globalProperties.$modal = {
      show(content) {
        const container = document.createElement('div')
        document.body.appendChild(container)
        createApp(ModalComponent, { content }).mount(container)
      }
    }
  }
}

if (Vue.version.startsWith('2.')) {
  // Vue2兼容逻辑
} else {
  // Vue3实现方式
}

const pluginFiles = require.context('./plugins', false, /\.js$/)
pluginFiles.keys().forEach(key => {
  Vue.use(pluginFiles(key).default)
})

// vue-shim.d.ts
declare module '@vue/runtime-core' {
  interface ComponentCustomProperties {
    $api: typeof apiService
    $formatDate: (date: string) => string
  }
}