[Request] Add Support For VueJS Single File Component Highlight Syntax

[JenuelDev]

Is your request related to a specific problem you're having? Currently, after looking at the supported language I have not found vuejs.

The solution you'd prefer / feature you'd like to see added... It would be awesome if there is a highlight support for vuejs codes as well. like:

<script setup>
import { ref } from 'vue'
import PageOne from "./PageOne.vue"
import PageTwo from "./PageTwo.vue"
import PageThree from "./PageThree.vue"

const selectedPage = ref("three");
</script>

<template>
  <h1>This Are Pages</h1>

  <button @click="selectedPage = 'one'">
    Select Page One
  </button>
  <button @click="selectedPage = 'two'">
    Select Page Two
  </button>
  <button @click="selectedPage = 'three'">
    Select Page Three
  </button>

  <PageOne v-if="selectedPage == 'one'" />
  <PageTwo v-if="selectedPage == 'two'" />
  <PageThree v-if="selectedPage == 'three'"/>
</template>

Any alternative solutions you considered... Currently there are no good alternatives.

Additional context... You might get some idea on this https://github.com/vuejs/vue-syntax-highlight

[joshgoebel]

Please see our request policy:

https://highlightjs.readthedocs.io/en/latest/language-requests.html