How to see files under DVC TRACKED section in VS code after adding the folder using 'dvc add'?

Question

After setting up the DVC in my project, I am able to see modifications, commit and push through command line but VScode doesn't show anything in 'DVC TRACKED' section.

First, I set up my DVC project using the below:

-git init
-dvc init

# added the cache and .dvc file
-mkdir data
-dvc add data/
-git commit

-git add data.dvc .gitignore

#setting up local storage for test as remote
-mkdir temp
-dvc remote add -d remote temp

Now, any changes that I am doing to data folder is showing up as a change if I do dvc status. I am able to do dvc commit and dvc push in command line.

But when I installed the extension DVC in VScode. The section 'DVC tracked' doesn't show anything. Also the files in data folder doesn't show any highlight if I make changes to them.

Is there any changes that I need to make in setting to show these data changes in dvc track? I have just installed the extension in VScode.

Note: I have added the /data folder to .gitignore.