update：在代码编辑器中添加回到首页按钮

src/pages/CodeAndCesium.vue

@@ -13,17 +13,20 @@
             </SandpackLayout>
         </SandpackProvider>
     </div>
+    <div class="btn-class">
+        <el-button @click="indexBtn">回到首页</el-button>
+    </div>
 </template>
 
 <script setup>
 import { SandpackProvider, SandpackLayout, SandpackCodeEditor, SandpackPreview, SandpackConsole, SandpackFileExplorer } from 'sandpack-vue3';
 import { ref, onMounted } from 'vue';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { findVueCodeById } from '@/examples/CodeMap.js';
 import { findFunctionCodeById } from '@/examples/FunctionMap.js';
-// import functionCode from '@/examples/point-one-function?raw'
 
 const route = useRoute()
+const router = useRouter()
 const vueCode = ref()
 const functionCode = ref()
 const files = ref({
@@ -38,6 +41,11 @@ const files = ref({
     }
 });
 
+// 跳转回首页
+function indexBtn() {
+    router.push(`/`)
+}
+
 onMounted(() =>{
     vueCode.value = findVueCodeById(route.query.id)
     functionCode.value = findFunctionCodeById(route.query.id)
@@ -45,6 +53,11 @@ onMounted(() =>{
 </script>
 
 <style scoped>
+.btn-class{
+  position: absolute;
+  left: 150px;
+  top: 6px;
+}
 .app-continer{
     width: 100vw;
     height: 100vh;