Skip to content

No syntax highlighting for single quote lang='' blocks #82

@wopian

Description

@wopian

Opening this here as this is the grammar used by GitHub's Linguist for Vue syntax highlighting on GitHub.

Using single quotes, Jade/Pug doesn't highlight at all and SCSS @extend and variables behave strangely as it uses the CSS grammar:

<template lang='jade'>
div
  if hello
    p Hello
    else
      p World
</template>

<style lang='scss'>
  @import '~styles/main.scss';
  section[role='alert'] {
    @extend .alert;
    background: $white;
  }
</style>

Using double quotes they are fine:

<template lang="jade">
div
  if hello
    p Hello
    else
      p World
</template>

<style lang="scss">
  @import '~styles/main.scss';
  section[role='alert'] {
    @extend .alert;
    background: $white;
  }
</style>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions