webpackbin icon indicating copy to clipboard operation
webpackbin copied to clipboard

Meta Language support in .vue files

Open TheJaredWilcurt opened this issue 7 years ago • 2 comments

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>

TheJaredWilcurt avatar Sep 14 '17 01:09 TheJaredWilcurt

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.

christianalfoni avatar Sep 29 '17 08:09 christianalfoni

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

TheJaredWilcurt avatar Sep 29 '17 14:09 TheJaredWilcurt