diff --git a/src/components/XnWorkflow/components/navTitle.vue b/src/components/XnWorkflow/components/navTitle.vue
index 69f4c664..bb1c5d78 100644
--- a/src/components/XnWorkflow/components/navTitle.vue
+++ b/src/components/XnWorkflow/components/navTitle.vue
@@ -3,21 +3,11 @@
         <p><slot name="nav_name"></slot></p>
     </div>
 </template>
-<script>
+<script setup>
 import { useConfig } from '@/stores/config'
-export default {
-    components: {},
-    data() {
-        return {
-            borderColor: ''
-        }
-    },
-    mounted() {
-        const configStore = useConfig()
-        this.borderColor = configStore.getColorVal('elementUiPrimary')
-    },
-    methods: {}
-}
+import { ref } from 'vue'
+const configStore = useConfig()
+const borderColor =configStore.getColorVal('elementUiPrimary')
 </script>
 <style lang="scss" scoped>
 .nav_title {