@inkline/inkline/src/helpers/renderSvg.ts

Inkline is the Vue.js UI/UX Library built for creating your next design system

import { h, VNode } from 'vue';
import { SvgNode } from '@inkline/inkline/types';

export const renderSvg = (children: SvgNode[]): (VNode | string)[] => children
    .map((child) => child.type === 'element'
        ? h(child.name, child.attributes, renderSvg(child.children))
        : child.value
    );