# Vue JS

Fully functional and tested with modern set-up's.

When creating a Vue.js project with the Vue CLI you should enable CSS sourcemaps in the vue.config.js file by setting the css.sourceMap to true:

// vue.config.js
module.exports = {
  css: {
    sourceMap: true
  }
}

# Nuxt

Fully functional without any problems or caveats.

# Known problems

# Relative path is added twice when using CSS

Status: unverified

Description: When using vanilla CSS with the Vue CLI it is possible for sourcemaps to be incorrectly generated due to the relative file path being added a second time due to a bug.

For example the path: /Users/Admin/Desktop/my-project/src/App.vue will be generated as: /Users/Admin/Desktop/my-project/src/my-project/src/App.vue.

Until this gets fixed you can just use your CSS in SCSS mode by installing node-sass and sass-loader with npm i sass-loader node-sass and adding lang="scss" to your script tags.