Home

Every template in my project fails to compile with errors on the <style lang="sass"> section:

ERROR in ./node_modules/css-loader?{"minimize":true,"importLoaders":1,"sourceMap":true,"root":"~","alias":{"/static":"/Users/ydnar/development/domainr/nuxt-test/static","/assets":"/Users/ydnar/development/domainr/nuxt-test/assets"}}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-270202ec","scoped":false,"hasInlineConfig":true}!./node_modules/sass-loader/lib/loader.js?indentedSyntax?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./pages/_domain/index.vue
Module build failed: 
<template>
^
      Invalid CSS after "": expected 1 selector or at-rule, was "pre.whois"
      in /Users/ydnar/development/domainr/nuxt-test/pages/_domain/index.vue (line 1, column 1)
 @ ./node_modules/vue-style-loader?{"sourceMap":true}!./node_modules/css-loader?{"minimize":true,"importLoaders":1,"sourceMap":true,"root":"~","alias":{"/static":"/Users/ydnar/development/domainr/nuxt-test/static","/assets":"/Users/ydnar/development/domainr/nuxt-test/assets"}}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-270202ec","scoped":false,"hasInlineConfig":true}!./node_modules/sass-loader/lib/loader.js?indentedSyntax?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./pages/_domain/index.vue 4:14-584 13:3-17:5 14:22-592
 @ ./pages/_domain/index.vue
 @ ./.nuxt/router.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true ./.nuxt/client.js

The offending markup:

<style lang="sass">
pre.whois
  max-width: 100%
  overflow-x: auto
</style>

Changing it to CSS (from SASS) allows it to compile:

<style lang="sass">
pre.whois {
  max-width: 100%;
  overflow-x: auto;
}
</style>