1import Vue from 'vue';
2const requireComponent = require.context('./components', true, /[A-Z]\w+\.(vue|js)$/);

1import _ from 'lodash';
2requireComponent.keys().forEach((fileName) => {
3  const componentConfig = requireComponent(fileName);
4  const componentName = _.upperFirst(
5    _.camelCase(
6      fileName
7        .split('/')
8        .pop()
9        .replace(/\.\w+$/, '')
10    )
11  );
12});

1Vue.component(componentName, componentConfig.default || componentConfig);

1const components = import.meta.glob('./components/*/*.vue');
2export default function install(app) {
3  for (const [key, value] of Object.entries(components)) {
4    const name = key.split('/')[1];
5    app.component(name, defineAsyncComponent(value));
6  }
7}

1import { createApp } from 'vue';
2import App from './App.vue';
3import components from './components/index.js';
4createApp(App).use(components).mount('#app');