Why is the change of element in index.html not reflected in the cypress interface?

I have been trying to understand the cypress file & folder structure when used with cucumber and vue.js but it’s been driving me crazy, especially when different sources say different things. My problem is I wrote the following test:
screenshot of source code and browser element inspection