按照你的改了报这样的错误：Internal server error: Single file component can contain only one <script setup> element

这个错误提示是因为 `.vue` 单文件组件中只能有一个 `<script setup>` 元素，如果需要使用多个逻辑块，可以使用普通的 `<script>` 元素。

你可以将修改后的代码分为两个逻辑块，分别使用 `<script setup>` 和 `<script>` 元素，如下所示：

<template>
  <div ref="container"></div>
</template>

<script setup>
import * as THREE from "three";
import { ref, onMounted } from "vue";

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);

const container = ref(null);

function fun() {
  container.value.appendChild(renderer.domElement);
}

onMounted(fun);
</script>

<script>
import func from '../../vue-temp/vue-editor-bridge';
// 这里可以写需要使用 <script> 元素的代码
</script>

这样修改后，就可以同时使用 `<script setup>` 和 `<script>` 元素了。注意，如果需要在两个逻辑块之间传递数据，可以使用普通的变量或者 Vue.js 提供的响应式数据类型，如 `ref`、`reactive` 等。