diff --git a/packages/ui/certd-client/src/views/certd/pipeline/detail.vue b/packages/ui/certd-client/src/views/certd/pipeline/detail.vue
index 03c7cf2e..868148af 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/detail.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/detail.vue
@@ -18,7 +18,7 @@ export default defineComponent({
   components: { PipelineEdit },
   setup() {
     const route = useRoute();
-    const pipelineId = ref(route.query.id);
+    const pipelineId:Ref = ref(route.query.id);
 
     const pipelineOptions: PipelineOptions = {
       async getPipelineDetail({ pipelineId }) {
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/output-selector/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/output-selector/index.vue
index fbef2421..9c6c2764 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/output-selector/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/component/output-selector/index.vue
@@ -15,7 +15,7 @@ export default {
     }
   },
   emits: ["update:modelValue"],
-  setup(props, ctx) {
+  setup(props:any, ctx:any) {
     const options = ref<any[]>([]);
 
     const pipeline = inject("pipeline") as Ref<any>;
@@ -47,7 +47,7 @@ export default {
       }
     );
 
-    function onChanged(value) {
+    function onChanged(value:any) {
       ctx.emit("update:modelValue", value);
     }
     return {
diff --git a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue
index 6e7f7b1b..896ebee3 100644
--- a/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue
+++ b/packages/ui/certd-client/src/views/certd/pipeline/pipeline/index.vue
@@ -194,7 +194,7 @@
 
     <pi-task-form ref="taskFormRef" :edit-mode="editMode"></pi-task-form>
     <pi-trigger-form ref="triggerFormRef" :edit-mode="editMode"></pi-trigger-form>
-    <pi-task-view ref="taskViewRef"></pi-task-view>
+    <pi-task-view :ref="taskViewRef"></pi-task-view>
     <PiNotificationForm ref="notificationFormRef" :edit-mode="editMode"></PiNotificationForm>
   </fs-page>
 </template>
diff --git a/packages/ui/certd-client/src/views/framework/register/index.vue b/packages/ui/certd-client/src/views/framework/register/index.vue
index cb88f8df..c8fd6211 100644
--- a/packages/ui/certd-client/src/views/framework/register/index.vue
+++ b/packages/ui/certd-client/src/views/framework/register/index.vue
@@ -87,7 +87,7 @@ export default defineComponent({
         toRaw({
           password: formState.password,
           username: formState.username
-        })
+        }) as any
       );
     };