Code formatting in VS Code

I have the Prettier, Hubspot extensions installed and have installed the npm plugin package:

{

“devDependencies”: {

@hubspot/prettier-plugin-hubl”: “^0.2.5”

}

}
I have in my user settings json:

{

“files.associations”: {

“*.html”: “html-hubl”,

“*.css”: “css-hubl”

},

}

I have correctly selected the file type in vscode for each:

160075i32BF5FEDCE8CEEDA.png

160076iC2FBF6DD84467C80.png

Running format command messes up html files by placing all hubl on one line.

CSS files with hubl won’t even format, prettier breaks on first encounter with hubl:

[“ERROR” - 1:34:14 PM] CssSyntaxError: Unknown word (5:2)

3 | */

4 |

> 5 | {% include ‘./resets/_reset.css’ %}

What could I be messing or is this not possible today?

Hey @danbraun - thanks for posting in the Community!
I’d like to tag in some Community experts to see if they have any insight for us! @ashleyidesign, @Mike_Eastwood, and @alyssamwilie - any thoughts here?
Shane, Senior Community Moderator