Automatic `.value` insertion using `vue.autoInsert.dotValue` not working?

[rchl]

Vue - Official extension or vue-tsc version

3.1.0

VSCode version

1.104.2

Vue version

3.4.38

TypeScript version

5.9.2

System Info

package.json dependencies

Steps to reproduce

Trying out the feature and seeing it not working where I would expect with a code like:

const filterField = ref<HTMLElement | null>(null)
const x = computed(() => filterField|)

where the cursor is at |.

vue.autoInsert.dotValue is enabled.

What is expected?

.value added after typing d in filterField

What is actually happening?

Screen.Recording.2025-09-30.at.22.47.52.mov

Link to minimal reproduction

https://github.com/rchl/lsp-log-parser/blob/74459a83c435df5ed0ee34700440b4135ed30550/components/app-bar.vue#L151-L151

Any additional comments?

No response

[KazariEX]

I cloned your repo and cannot reproduce the issue following the same steps.

[rchl]

Any idea why it would not work here?

With code like:

const filterField = ref<HTMLElement | null>(null)
const x = computed(() => filterField)

with me just typing the the d in filterField there are those requests made:

[Trace - 10:10:51] Sending notification 'textDocument/didChange'.
Params: {
    "textDocument": {
        "uri": "file:///usr/local/workspace/lsp/lsp-log-parser/components/app-bar.vue",
        "version": 26
    },
    "contentChanges": [
        {
            "range": {
                "start": {
                    "line": 151,
                    "character": 35
                },
                "end": {
                    "line": 151,
                    "character": 35
                }
            },
            "rangeLength": 0,
            "text": "d"
        }
    ]
}


...

[Trace - 10:10:51] Sending request 'volar/client/autoInsert - (191)'.
Params: {
    "textDocument": {
        "uri": "file:///usr/local/workspace/lsp/lsp-log-parser/components/app-bar.vue"
    },
    "selection": {
        "line": 151,
        "character": 36
    },
    "change": {
        "rangeLength": 0,
        "rangeOffset": 4273,
        "text": "d"
    }
}


[Trace - 10:10:51] Received notification 'tsserver/request'.
Params: [
    [
        60,
        "_vue:isRefAtPosition",
        [
            "/usr/local/workspace/lsp/lsp-log-parser/components/app-bar.vue",
            4274
        ]
    ]
]


[Trace - 10:10:51] Sending notification 'tsserver/response'.
Params: [
    [
        60,
        null
    ]
]


[Trace - 10:10:51] Received response 'volar/client/autoInsert - (191)' in 2ms.
No result returned.

[KazariEX]

Can you debug locally what isRefAtPosition returns when the d is typed?

[rchl]

One of the prop objects is this one:

0: SymbolObject
constEnumOnlyModule: undefined
declarations: [NodeObject]
escapedName: "value"
exportSymbol: undefined
exports: undefined
flags: 33554436
id: 0
isReferenced: undefined
lastAssignmentPos: undefined
links: SymbolLinks {checkFlags: 1, target: SymbolObject, mapper: {…}}
members: undefined
mergeId: 0
parent: SymbolObject {flags: 64, escapedName: 'Ref', declarations: Array(1), valueDeclaration: undefined, id: 301, …}
valueDeclaration: NodeObject {pos: 14193, end: 14207, kind: 172, id: 0, flags: 33554432, …}
name: "value"

The flags doesn't include ts.SymbolFlags.Accessor so this line doesn't match:

language-tools/packages/typescript-plugin/lib/requests/isRefAtPosition.ts

Line 51 in b8cb0ac

return props.some(prop => prop.escapedName === 'value' && prop.flags & ts.SymbolFlags.Accessor);

line

[KazariEX]

Weird, I'm not sure why it behaves inconsistently here.

[KazariEX]

Do this work for you?

-	return props.some(prop => prop.escapedName === 'value' && prop.flags & ts.SymbolFlags.Accessor);
+	return props.some(prop => prop.name.startsWith('__@RefSymbol@'));

[rchl]

Yeah, it seems to work. Note that there are two props (I've only mentioned the first one before):

[rchl]

It probably has something to do with the version of Vue being used.

You should be able to reproduce with my repo if you install dependencies using yarn instead of npm/pnpm which would likely ignore the lock file.

[KazariEX]

Ah you raise a good point.