100 lines
2.4 KiB
JavaScript
100 lines
2.4 KiB
JavaScript
/* eslint-disable fecs-camelcase */
|
|
/* eslint-disable babel/new-cap */
|
|
export function vue (hljs) {
|
|
const XML_IDENT_RE = '[A-Za-z0-9\\._:-]+'
|
|
const TAG_INTERNALS = {
|
|
endsWithParent: true,
|
|
illegal: /</,
|
|
relevance: 0,
|
|
contains: [
|
|
{
|
|
className: 'attr',
|
|
begin: XML_IDENT_RE,
|
|
relevance: 0
|
|
},
|
|
{
|
|
begin: /=\s*/,
|
|
relevance: 0,
|
|
contains: [
|
|
{
|
|
className: 'string',
|
|
endsParent: true,
|
|
variants: [
|
|
{ begin: /"/, end: /"/ },
|
|
{ begin: /'/, end: /'/ },
|
|
{ begin: /[^\s"'=<>`]+/ }
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
return {
|
|
case_insensitive: true,
|
|
contains: [
|
|
hljs.COMMENT(
|
|
'<!--',
|
|
'-->',
|
|
{
|
|
relevance: 10
|
|
}
|
|
),
|
|
{
|
|
className: 'tag',
|
|
/*
|
|
The lookahead pattern (?=...) ensures that 'begin' only matches
|
|
'<style' as a single word, followed by a whitespace or an
|
|
ending braket. The '$' is needed for the lexeme to be recognized
|
|
by hljs.subMode() that tests lexemes outside the stream.
|
|
*/
|
|
begin: '<style(?=\\s|>|$)',
|
|
end: '>',
|
|
keywords: { name: 'style' },
|
|
contains: [TAG_INTERNALS],
|
|
starts: {
|
|
end: '</style>',
|
|
returnEnd: true,
|
|
subLanguage: ['css', 'less', 'scss', 'stylus']
|
|
}
|
|
},
|
|
{
|
|
className: 'tag',
|
|
// See the comment in the <style tag about the lookahead pattern
|
|
begin: '<script(?=\\s|>|$)',
|
|
end: '>',
|
|
keywords: { name: 'script' },
|
|
contains: [TAG_INTERNALS],
|
|
starts: {
|
|
end: '</script>',
|
|
returnEnd: true,
|
|
subLanguage: ['javascript']
|
|
}
|
|
},
|
|
{
|
|
className: 'tag',
|
|
// See the comment in the <style tag about the lookahead pattern
|
|
begin: '<template(?=\\s|>|$)',
|
|
end: '>',
|
|
keywords: { name: 'template' },
|
|
contains: [TAG_INTERNALS],
|
|
starts: {
|
|
end: '</template>',
|
|
returnEnd: true,
|
|
subLanguage: ['html']
|
|
}
|
|
},
|
|
{
|
|
className: 'tag',
|
|
begin: '</?',
|
|
end: '/?>',
|
|
contains: [
|
|
{
|
|
className: 'name', begin: /[^/><\s]+/, relevance: 0
|
|
},
|
|
TAG_INTERNALS
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|