Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Vue.js style lang attribute #7917

@petrprikryl

Description

@petrprikryl

Hi, using <style lang="scss"> gives me:

  ✖ Invalid document: Expected end tag of kind Embedded but found Group.
                                                                                                                                                                                                                                                                                                                                                                                                                         
     This is an internal Biome error. Please report if necessary.                                                                                                                                                                                                                                                                                                                                                        

I know that sass is not supported but could be style block just skipped in this case?

For reference: https://vite.dev/guide/features.html#css-pre-processors:~:text=also%20automatically%20enables-,%3Cstyle%20lang%3D%22sass%22%3E,-et%20al.

Environment information

CLI:
  Version:                      2.3.2
  Color support:                true

Platform:
  CPU Architecture:             x86_64
  OS:                           linux

Environment:
  BIOME_LOG_PATH:               unset
  BIOME_LOG_PREFIX_NAME:        unset
  BIOME_CONFIG_PATH:            unset
  BIOME_THREADS:                unset
  NO_COLOR:                     unset
  TERM:                         xterm
  JS_RUNTIME_VERSION:           v25.0.0
  JS_RUNTIME_NAME:              node
  NODE_PACKAGE_MANAGER:         unset

Biome Configuration:
  Error:                        The configuration schema version does not match the CLI version 2.3.2
  Status:                       Loaded with errors
  Path:                         biome.json
  Formatter enabled:            true
  Linter enabled:               true
  Assist enabled:               true
  VCS enabled:                  true

Formatter:
  Format with errors:           unset
  Indent style:                 Space
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Attribute position:           unset
  Bracket spacing:              unset
  Includes:                     unset

JavaScript Formatter:
  Enabled:                      unset
  JSX quote style:              unset
  Quote properties:             unset
  Trailing commas:              unset
  Semicolons:                   unset
  Arrow parentheses:            unset
  Bracket spacing:              unset
  Bracket same line:            unset
  Quote style:                  Double Quotes
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Attribute position:           unset

JSON Formatter:
  Enabled:                      unset
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Trailing Commas:              unset
  Expand lists:                 unset

CSS Formatter:
  Enabled:                      true
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Quote style:                  Double Quotes

GraphQL Formatter:
  Enabled:                      unset
  Indent style:                 unset
  Indent width:                 unset
  Line ending:                  unset
  Line width:                   unset
  Bracket spacing:              unset
  Quote style:                  unset

Workspace:
  Open Documents:               0

Configuration

{
  "$schema": "https://biomejs.dev/schemas/2.3.0/schema.json",
  "vcs": {
    "enabled": true,
    "clientKind": "git",
    "useIgnoreFile": true
  },
  "files": {
    "ignoreUnknown": false,
    "includes": ["assets/**"]
  },
  "formatter": {
    "enabled": true,
    "indentStyle": "space"
  },
  "linter": {
    "enabled": true,
    "rules": {
      "recommended": true
    },
    "domains": {
      "vue": "recommended"
    }
  },
  "javascript": {
    "formatter": {
      "quoteStyle": "double"
    }
  },
  "html": {
    "experimentalFullSupportEnabled": true,
    "formatter": {
      "enabled": true,
      "indentWidth": 2
    }
  },
  "css": {
    "formatter": {
      "enabled": true,
      "quoteStyle": "double"
    },
    "parser": {
      "cssModules": true
    }
  },
  "assist": {
    "enabled": true,
    "actions": {
      "source": {
        "organizeImports": "on"
      }
    }
  }
}

Playground link

https://biomejs.dev/playground/?code=PABzAGMAcgBpAHAAdAAgAHMAZQB0AHUAcAA%2BAAoAPAAvAHMAYwByAGkAcAB0AD4ACgAKADwAdABlAG0AcABsAGEAdABlAD4ACgAgACAAPABkAGkAdgA%2BAGYAbwBvADwALwBkAGkAdgA%2BAAoAPAAvAHQAZQBtAHAAbABhAHQAZQA%2BAAoACgA8AHMAdAB5AGwAZQAgAGwAYQBuAGcAPQAiAHMAYwBzAHMAIgA%2BAAoAYgB1AHQAdABvAG4AIAB7AAoAIAAgAHcAaQBkAHQAaAA6ACAAMgA1AHAAeAA7AAoAfQAKADwALwBzAHQAeQBsAGUAPgAKAA%3D%3D&language=vue

Code of Conduct

  • I agree to follow Biome's Code of Conduct

Metadata

Metadata

Assignees

Labels

A-CoreArea: coreL-HTMLLanguage: HTML and super languagesS-Bug-confirmedStatus: report has been confirmed as a valid buggood first issueGood for newcomers

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions