diff --git a/webs/cmp-web/src/views/manageone/page/alarm/AdviceDialog.vue b/webs/cmp-web/src/views/manageone/page/alarm/AdviceDialog.vue
index 6fd74b3..37a33ca 100644
--- a/webs/cmp-web/src/views/manageone/page/alarm/AdviceDialog.vue
+++ b/webs/cmp-web/src/views/manageone/page/alarm/AdviceDialog.vue
@@ -14,7 +14,7 @@
   </div>
 </template>
 <script lang="ts">
-import { defineComponent, computed, reactive, ref, Ref, provide } from '@vue/composition-api'
+import { defineComponent, computed, reactive, ref, Ref, provide } from 'vue'
 import { Message } from 'element-ui'
 
 export default defineComponent({
diff --git a/webs/cmp-web/src/views/manageone/page/alarm/index.vue b/webs/cmp-web/src/views/manageone/page/alarm/index.vue
index ce2947c..fc2e0e1 100644
--- a/webs/cmp-web/src/views/manageone/page/alarm/index.vue
+++ b/webs/cmp-web/src/views/manageone/page/alarm/index.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import { defineComponent, reactive, toRefs, ref, watch } from '@vue/composition-api'
+import { defineComponent, reactive, toRefs, ref, watch } from 'vue'
 import useTable from '@cmp/cmp-common/hooks/useTable'
 import { columns, searchConfigs } from './config'
 import { MessageBox, Message } from 'element-ui'
diff --git a/webs/cmp-web/src/views/manageone/page/cluster/AddDialog.vue b/webs/cmp-web/src/views/manageone/page/cluster/AddDialog.vue
index 8b68f73..69ed2ec 100644
--- a/webs/cmp-web/src/views/manageone/page/cluster/AddDialog.vue
+++ b/webs/cmp-web/src/views/manageone/page/cluster/AddDialog.vue
@@ -103,7 +103,7 @@
   </div>
 </template>
 <script>
-import { defineComponent, computed, reactive, ref, Ref, provide } from '@vue/composition-api'
+import { defineComponent, computed, reactive, ref, Ref, provide } from 'vue'
 import { Message } from 'element-ui'
 import { createCluster } from 'views/manageone/services/cluster'
 import { getVpc } from 'views/manageone/services/vpcs'
diff --git a/webs/cmp-web/src/views/manageone/page/cluster/Detail.vue b/webs/cmp-web/src/views/manageone/page/cluster/Detail.vue
index 0ca227e..674b172 100644
--- a/webs/cmp-web/src/views/manageone/page/cluster/Detail.vue
+++ b/webs/cmp-web/src/views/manageone/page/cluster/Detail.vue
@@ -54,7 +54,7 @@
   </div>
 </template>
 <script>
-import { defineComponent, computed, reactive, ref } from '@vue/composition-api'
+import { defineComponent, computed, reactive, ref } from 'vue'
 import { nodeSearchConfigs, nodeColumns as columns, clusterTypeObj, clusterSpecObj, capabilitiesNetworkObj } from './config'
 import { FilterClusterStatus } from './filters'
 import { getClusterNodes, removeClusterNode } from 'views/manageone/services/cluster'
diff --git a/webs/cmp-web/src/views/manageone/page/cluster/index.vue b/webs/cmp-web/src/views/manageone/page/cluster/index.vue
index 84e742f..874f26d 100644
--- a/webs/cmp-web/src/views/manageone/page/cluster/index.vue
+++ b/webs/cmp-web/src/views/manageone/page/cluster/index.vue
@@ -24,7 +24,7 @@
 </template>
 <script>
 import { columns, searchConfigs } from './config'
-import { defineComponent, ref, watch } from '@vue/composition-api'
+import { defineComponent, ref, watch } from 'vue'
 import { getCluster, removeCluster } from 'views/manageone/services/cluster'
 import { FilterClusterStatus } from './filters'
 import webSocket from '@cmp/cmp-common/mixins/getGlobalSocket'
diff --git a/webs/cmp-web/src/views/platform/details/manageone/dialog/ApplyDetail.vue b/webs/cmp-web/src/views/platform/details/manageone/dialog/ApplyDetail.vue
index 13de163..dbd5787 100644
--- a/webs/cmp-web/src/views/platform/details/manageone/dialog/ApplyDetail.vue
+++ b/webs/cmp-web/src/views/platform/details/manageone/dialog/ApplyDetail.vue
@@ -73,7 +73,7 @@ import Editor from './editor.vue'
 import { getFlowDetail, getFlowNodes } from 'services/platform/index'
 import 'viewerjs/dist/viewer.css'
 import Viewer from 'v-viewer/src/component.vue'
-import { defineComponent, ref } from '@vue/composition-api'
+import { defineComponent, ref } from 'vue'
 export default defineComponent({
   components: { Editor, Viewer, ApplyNode },
   props: {
diff --git a/webs/cmp-web/src/views/platform/details/manageone/dialog/ApplyNode.vue b/webs/cmp-web/src/views/platform/details/manageone/dialog/ApplyNode.vue
index 09b61da..3f1b62d 100644
--- a/webs/cmp-web/src/views/platform/details/manageone/dialog/ApplyNode.vue
+++ b/webs/cmp-web/src/views/platform/details/manageone/dialog/ApplyNode.vue
@@ -40,7 +40,7 @@
 <script lang="ts">
 import AttributeItem from './attributeItem.vue'
 import { auditNode, getFlowNodes } from 'services/platform/index'
-import { defineComponent, reactive, ref, toRefs } from '@vue/composition-api'
+import { defineComponent, reactive, ref, toRefs } from 'vue'
 import { Message } from 'element-ui'
 
 interface IProps {
diff --git a/webs/cmp-web/src/views/platform/details/manageone/dialog/attributeItem.vue b/webs/cmp-web/src/views/platform/details/manageone/dialog/attributeItem.vue
index ba4391b..66ccd4d 100644
--- a/webs/cmp-web/src/views/platform/details/manageone/dialog/attributeItem.vue
+++ b/webs/cmp-web/src/views/platform/details/manageone/dialog/attributeItem.vue
@@ -15,7 +15,7 @@
 <script lang="ts">
 import VmNode from '../../../../../../../cos-web/src/views/resource-apply/ecs/index.vue'
 import UpgradeSpec from '../../../../../../../cos-web/src/views/personal/apply/components/UpgradeSpec.vue'
-import { defineComponent, ref } from '@vue/composition-api'
+import { defineComponent, ref } from 'vue'
 
 function getApplicationComponent(service: string) {
   if (service.includes('server')) {