fix

src/views/SellerDashboard/toolTipBox.vue

@@ -4,7 +4,7 @@ import sellerToolTipImg1 from '@/assets/images/seller/sellerToolTip-1.png'
 import sellerToolTipImg2 from '@/assets/images/seller/sellerToolTip-2.png'
 import sellerToolTipImg3 from '@/assets/images/seller/sellerToolTip-3.png'
 import { useI18n } from 'vue-i18n'
-
+import { useRouter } from 'vue-router'
 const props = defineProps({
 	visible: {
 		type: Boolean,
@@ -14,9 +14,9 @@ const props = defineProps({
 const emit = defineEmits([
 	'update:visible','close'
 ])
+const router = useRouter()
 const {t} = useI18n()
 let data = reactive({
-	visible: props.visible,
 	stepList: [
 		{
 			img: sellerToolTipImg1,
@@ -44,6 +44,12 @@ const cleardata = ()=>{
 	emit('close', data.showAgain)
 }
 
+const getStarted = ()=>{
+	emit('update:visible', false)
+	router.push({path:'/home/seller/myListings/select'})
+}
+
+
 onMounted(()=>{
 })
 onUnmounted(()=>{
@@ -55,7 +61,7 @@ const { showAgain } = toRefs(data);
     <div ref="toolTipBoxRef" class="toolTipBox" v-if="visible">
 		<a-modal
 			class="collection generalModel"
-			v-model:visible="data.visible"
+			v-model:visible="props.visible"
 			:footer="null"
 			:get-container="() => toolTipBoxRef"
 			width="126.2rem"
@@ -105,7 +111,7 @@ const { showAgain } = toRefs(data);
 						{{t('SellerToolTip.showAgain')}}
 					</label>
 				</div>
-				<div class="gallery_btn" @click="cleardata()">
+				<div class="gallery_btn" @click="getStarted">
 					{{t('SellerToolTip.GetStarted')}}
 					<i class="fi fi-rr-arrow-small-right"></i>
 				</div>
@@ -116,9 +122,9 @@ const { showAgain } = toRefs(data);
 </template>
 <style lang="less" scoped>
 	.toolTipBox{
-		width: 100%;
-		height: 100%;
-		position: relative;
+		// width: 100%;
+		// height: 100%;
+		// position: relative;
 		:deep(.generalModel){
 			height: auto;
 			.ant-modal-body{