feat: dashIfEmpty

src/components/ui/VnLinkPhone.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, reactive, useAttrs, onBeforeMount, capitalize } from 'vue';
 import axios from 'axios';
-import { parsePhone } from 'src/filters';
+import { dashIfEmpty, parsePhone } from 'src/filters';
 import useOpenURL from 'src/composables/useOpenURL';
 
 const props = defineProps({
@@ -31,9 +31,8 @@ onBeforeMount(async () => {
         if (!channel) channel = defaultChannel;
 
         phone.value = await parsePhone(props.phoneNumber, props.country?.toLowerCase());
-        config[
-            type
-        ].url = `${url}?customerIdentity=%2B${phone.value}&channelId=${channel}`;
+        config[type].url =
+            `${url}?customerIdentity=%2B${phone.value}&channelId=${channel}`;
     }
 });
 
@@ -57,5 +56,6 @@ function handleClick() {
             {{ capitalize(type).replace('-', '') }}
         </QTooltip>
     </QBtn>
-    {{ phoneNumber }}
+
+    <span>{{ dashIfEmpty(phone) }}</span>
 </template>