webpackbin
webpackbin copied to clipboard
Meta Language support in .vue files
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>
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.
https://www.webpackbin.com/bins/-KvD-l0-VkwytiX454oc