Compressor/3d/frontend/src/App.vue

<script setup lang="ts">
import { theme } from 'ant-design-vue'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import { onMounted } from 'vue'

import DataPanel from './components/DataPanel.vue'
import PartQueryModal from './components/PartQueryModal.vue'
import PartStatusCard from './components/PartStatusCard.vue'
import ScenePositionCard from './components/ScenePositionCard.vue'
import TopBar from './components/TopBar.vue'
import ViewerCanvas from './components/ViewerCanvas.vue'
import { useModelStore } from './stores/model'

const modelStore = useModelStore()

onMounted(() => {
  modelStore.loadModelList()
})
</script>

<template>
  <a-config-provider
    :locale="zhCN"
    :theme="{ algorithm: theme.darkAlgorithm, token: { colorPrimary: '#4da3ff' } }"
  >
    <div class="app">
      <TopBar />
      <ViewerCanvas>
        <DataPanel />
        <div class="ext-panel">
          <PartStatusCard />
          <ScenePositionCard />
        </div>
      </ViewerCanvas>
      <PartQueryModal />
    </div>
  </a-config-provider>
</template>