Not work with Path Intellisense in template tag

[davidlin88]

I wish to use path completion when I was typing<img src="@.
In the past, I used to use Vetur + Path Intellisense, and they works well like this:

but Volar + Path Intellisense doesn't works in template tag, by th way, it's ok in script tag.

setting.json like this:

 "path-intellisense.mappings": {
    "@": "${workspaceRoot}/src/"
  },

jsconfig.json like this:

{
  "strict":true,
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
        "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

---

By the way, I found that after I typed <img src="@/assets/ , the path completion worked, I don't know if this is going to help.

[soulsam480]

can you try adding a custom path in tsconfig ?

"paths":{
  "@/": ["your_path"]
}

[davidlin88]

can you try adding a custom path in tsconfig ?

"paths":{
  "@/": ["your_path"]
}

I tried this, and it also does't work. This is my jsconfig.json

{
  "strict":true,
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
        "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

thx~

[johnsoncodehk]

"@/*": ["src/*"]

It should working, will fix it, thanks.

[davidlin88]

"@/*": ["src/*"]

It should working, will fix it, thanks.

Same performance after updated to 0.28.4.
I'm using Path Autocomplete temporarily.

[johnsoncodehk]

Please try:

    "paths": {
        "@/": ["src/"],
        "@/*": ["src/*"]
    }

[davidlin88]

Please try:

    "paths": {
        "@/": ["src/"],
        "@/*": ["src/*"]
    }

It worked!
Thank you~

---

By the way, after I disabled other path completion plugins, I tried to import an image in a script tag, the path completion worked normally until I typed @/assets/.
Maybe image source files are not considered importable files in script? But I need to set image source dynamically, or there is a better way to do it?

My code like this:

<template>
    <img
        :src="active === index ? iconActive : icon"
    >
</templaye>

<script setup>
import icon from '@/assets/icon.png'
import iconActive from '@/assets/icon-active.png'

// ...
</script>

[johnsoncodehk]

@davidlin88 this is expected TS behavior in <script> block so no plan to change it.

[johnsoncodehk]

Please try:

    "paths": {
        "@/": ["src/"],
        "@/*": ["src/*"]
    }

I just found this is a bug, "@/*": ["src/*"] should work for both, fixed in 1444a3c.