Support Vue SFC syntax

[privatenumber]

Currently, it doesn't seem like Prism (or any other syntax highlighting library) supports the Vue Single File Components syntax.

I'd like to request support for this syntax.

[jwkicklighter]

Would love support for this

[CesarApodaca]

I really love this library and would be great to have Vue SFC support

[mAAdhaTTah]

I actually think this may be supportable without a custom syntax. If you load JavaScript & CSS then markup, you should be able to render Vue SFCs in the markup language and have everything highlighted properly.

[RunDevelopment]

@mAAdhaTTah That won't work. Ignoring the templating syntax, there still is the issue that the style and script tags do not have to contain JS and CSS (an example with Stylus). Markup might be a good starting point but there is no avoiding a new language.

[saulhardman]

I actually think this may be supportable without a custom syntax. If you load JavaScript & CSS then markup, you should be able to render Vue SFCs in the markup language and have everything highlighted properly.

html also works nicely in my experience – thanks for the suggestion 👍

[littlee]

Which version will support this?
v1.22.0 is still not cool enough when parsing v-bind attributes

[hatboysam]

Driving by with a +1 for this issue. I'm very happy with Prism on https://codeapprove.com but this is one of the main sticking points.

[BrettGregson]

+1 for Vue syntax highlighting

[linlinyang]

typescript in vue3 work failed such as:

<template>{{ num }}</template>

<script lang="ts" setup>
const num: number = 123;
</script>

num: number syntax cannot highlight

[LeaVerou]

Which version will support this? v1.22.0 is still not cool enough when parsing v-bind attributes

Most likely v2, since v1 is feature frozen.