Recent versions of vue-tsc show "declared but never read" errors (variables used in styles)

[glen-84]

With the latest versions of vue-tsc, I'm seeing errors like this:

src/app/core/layouts/default.vue:302:7 - error TS6133: 'sectionImages' is declared but its value is never read.

302 const sectionImages = computed(() => {
          ~~~~~~~~~~~~~

The styles:

.content {
    background-image: v-bind("sectionImages.logo.image"), v-bind("sectionImages.header.image");
}

[johnsoncodehk]

Similar to #1089, will look on @vue/compiler-sfc if it has any available API for this.

[sapphi-red]

(In case you have not found yet) I think it is able to get it from descriptor.cssVars.

[johnsoncodehk]

@sapphi-red didn't know it! But unfortunately I will need text range instead of text string for mapping. :/

[sapphi-red]

Because the logic is not so complicated, maybe you can just copy and edit this implementation?

I feel it is difficult to use existing implementations to handle these (css to ts things: like css modules) while retrieving text ranges.

[johnsoncodehk]

@sapphi-red Yes I'm done like your said, but I hope vue can expose parsed css vars and css module classes text range in future version.