iOS and phone numbers

Some mobile Safari versions will automatically transform phone numbers into links. This will trigger a NodeMismatch warning as the SSR content doesn't match the website content anymore. This can make your app unusable on these Safari versions.

If you include telephone numbers in your Nuxt page, you have two options.

Use a meta tag to stop the transformation

  1. <meta name="format-detection" content="telephone=no">

Wrap your phone numbers in links

  1. <!-- Example phone number: +7 (982) 536-50-77 -->
  2. <template>
  3. <a href="tel: +7 (982) 536-50-77">+7 (982) 536-50-77</a>
  4. </template>