Meta Language support in .vue files

TheJaredWilcurt commented 7 years ago

https://vuejs.org/v2/guide/single-file-components.html

One feature of Vue is to allow for metalanguage support, such as:

Markdown, Pug, HAML
TypeScript, JSX, CoffeeScript
Sass, SCSS, Less, Stylus

Under Configure > Loaders > Vue there should be some options for these.

I should be able to just check the Sass box in the settings and then write this and have it work:

<style lang="sass">
h1
    background: #F00
    border: 2px solid #00F

.thing
    display: inline-block
    padding: 10px
    .stuff
        margin: 30px
</style>

christianalfoni commented 7 years ago

Hi there and sorry for late response, paternity leave ;-)

What is problematic there is code highlighting, not sure if that will work. Let me see how it behaves, just doing some general refactoring coming out this weekend.

TheJaredWilcurt commented 7 years ago

https://www.webpackbin.com/bins/-KvD-l0-VkwytiX454oc

cerebral / webpackbin

Meta Language support in .vue files #46