Vue version

latest

Link to minimal reproduction

https://play.vuejs.org/#eNqNkk1OwzAQha9ijMSK9H8BaagEqAtYAAKW3kTptHFxbMuetIGqS3YcAS7HSbATNU1FqdiN3nsz/uzxil5q3VrkQEPKZISQaREjjFw94Qti8VXABaNTJTGw/A1CMjjTxZBksZlxGZIuZENGXZyQ6CgIyPfXB/GNQVBprh51T447nc75sNcfRG0vbJ3eXis1pP175JJjSpYpRwisjhMItYHmOTVsM0NcyAP+yXC46198n+8+X6O4evc4L2ydnZGVtRkdtRvvT08p2kTJKZ+15lZJt6CVn8JoojLNBZh7jVxJy2hISsd7sRBqeVtqaHI43ehJCsnLHn1uC68x+mDAglkAo7WHbseAlT1+uoPC1bWZqUkuXPqA+QhWidwzVrGrXE4cdiNX0t5kWhnkcvZsxwWCtJtLeVCfXJd5Rt0vvT5w9S1uv9Uv+5hc0/UP3WLmOg==

Steps to reproduce

reproduction in sfc playground

What is expected?

What is actually happening?

seems like \t in div will be transformed to space character:

System Info

chrome on mac, both of them are latest updated.

Any additional comments?

No response

This is intended behavior as described here.

Vue's whitespace condensing happens at compile time and can only be altered via the presence of <pre> tag or compiler options. We cannot predict how the CSS is applied at runtime, so this is a wontfix.