Vetur: lang="postcss" Nested CSS cannot prompt

Created on 19 May 2019  Â·  2Comments  Â·  Source: vuejs/vetur

test.vue

……
……
<style lang="postcss">
body {
    display: flex;// auto prompt

    h2 {
        align-items: center; // no prompt
    }
}
</style>
upstream

Most helpful comment

Temporary solutions

_webpack.config.js_

{
    test: /\.s?css$/,
    use: [
        "css-loader",
        "postcss-loader"
    ]
}

_Vue File_

<style lang="scss">
……
</style>

All 2 comments

Temporary solutions

_webpack.config.js_

{
    test: /\.s?css$/,
    use: [
        "css-loader",
        "postcss-loader"
    ]
}

_Vue File_

<style lang="scss">
……
</style>

Nesting not in CSS spec yet. Vetur uses vscode-css-languageservice so until it has support for nesting Vetur won't have it.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

muhajirdev picture muhajirdev  Â·  3Comments

octref picture octref  Â·  3Comments

pdanpdan picture pdanpdan  Â·  3Comments

Dealerpriest picture Dealerpriest  Â·  3Comments

yoyoys picture yoyoys  Â·  3Comments