import Vue from 'vue'

const requireComponent = require.context(
  './components/AutoComponents', // 组件目录
  true, // 是否递归子目录
  /\/[^/]+\/index\.vue$/ // 匹配文件夹下的 index.vue 文件
)

requireComponent.keys().forEach(filePath => {
  // 获取组件配置
  const componentConfig = requireComponent(filePath)

  // 获取文件夹名称作为组件名
  const folderName = filePath
    .split('/') // 将路径按 '/' 分割
    .filter(part => part !== '.') // 过滤掉 '.' 部分
    .shift() // 取第一个部分（即文件夹名）

  // 全局注册组件
  Vue.component(
    folderName, // 组件名称
    componentConfig.default || componentConfig // 组件内容
  )
})