Three.js подключается по ссылке https://cdnjs.cloudflare.com/ajax/libs/three.js/r1...
Переход по ссылке выдаёт код 404. Соотв. скрипт на странице не загружается и переменная THREE, которую и объявляет этот скрипт, недоступна. Отсюда и ошибка.

Попробуй найти другую ссылку на эту библиотеку и заменить её у себя в коде, должно заработать.

это SFC конечно, но в целом логику не сложно вынуть

<script setup>
const test = {
    test2: {
        obj2: "test",
        obj3: "test",
    },
    test3: {
        obj2: "blab",
        obj3: "blabb2",
    }
};
</script>
<template>
    <p>
        <template v-for="(entries, i) in Object.entries(test)">
            <span v-if="i > 0">,<br></span>
            {{ entries[0] }}: {<br>
            <span v-for="subEntries in Object.entries(entries[1]).map(entry => [entry[0], JSON.stringify(entry[1])])">
                <span class="sub">{{ subEntries[0] + ': ' + subEntries[1] }}</span>,<br>
            </span>
            }
        </template>
    </p>
</template>
<style>
p span.sub {
    padding-left: 10px;
}
</style>