Skip to content

Autocompletion doesn't work with indented sass #67

Closed
@judehunter

Description

@judehunter

Describe the bug
The repo kind-of mentions the support for Sass, though from the looks of it I don't believe it does.
What it appears to support is scss-style syntax, and not sass indent / offside-rule syntax.

To Reproduce
Steps to reproduce the behavior:

  1. Add to tsconfig.json:
"plugins": [
  {
    "name": "typescript-plugin-css-modules",
    "options": {
      "classnameTransform": "camelCase"
    }
  }
]
  1. Create example.module.sass:
.test
  color: red
  1. Create example.tsx:
import React, {FunctionComponent} from 'react';
import style from '../styles/example.module.sass';

export const ExampleComponent: FunctionComponent = ({children}) => (
  <h1>
    {children}
  </h1>
);
  1. See that autocompletion doesn't work (it does with css and scss though):

image

Expected behavior
Autocompletion should work correctly and intellisense should show the test class.
Should work like with css and scss:

image

Workspace:

  • OS: W10
  • Package version: 2.1.1
  • TS version: 3.7.3

Am I missing something here? Seems like indented sass is a pretty popular choice, I don't know why it shouldn't be supported.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions