vite-riot-template/src/js/registery.js

import {register, mount} from 'riot';
import HelloRiot from '../components/hello-riot/hello-riot.riot';

/**
 * Register Global Components
 *
 * helper that registers and mounts global components
 * via an object registry
 *
 * @param {Object} registry     key:value object registry
 */
export function Register(registry = {}) {
    Object.entries(registry).map(([name, component]) => {
        register(name, component);
        mount(name);

        return {
            name,
            component
        }
    });
}

// define global components here
const registry = {
    'hello-riot': HelloRiot
};

// export registered global components
export default Register(registry);