vuejs/docs

In https://vuejs.org/tutorial, the error message prompts a problem with the message style

Opened this issue · 4 comments

Originally, I wanted to make an online code editor, so I looked for inspiration on this site。 You need to write some bad grammar to show the mistakes deliberately:

Snipaste_2024-08-16_16-44-38

Also, I don't understand what the 'Show Error' in the bottom right corner of the edit area does on the page, even if I turn it on or off, the error message still exists.

Snipaste_2024-08-16_16-49-12

(Maybe it wasn't a bug, it was just my use of it, so I didn't submit a new issue, even though I refreshed the browser and the problem persisted)

My working environment: Windows 11
Browser: Chrome

Since only a few lines of code need to be changed, I tried to retrieve the problem code location directly in the repository, but I couldn't find it. 😶‍🌫️

@inblossoms you mean code editor in the Tutorial section? I believe you can find the source code in Vue repl repository

@inblossoms you mean code editor in the Tutorial section? I believe you can find the source code in Vue repl repository

mm, Sorry, I forgot to mention that the API Preference I'm using is HTML, not SFC. I discovered the repl at the dependency of the vue doc and tried to reproduce the problem in the Playground, but the abovementioned problem did not appear.

After that, I tried to style the error message, but I'm unsure if it will directly affect my problem.

Please forgive me for not pulling the Vue doc and trying to replace the Vue repl to see if the problem can be resolved. 🫣🫣

@inblossoms Are you looking for guidance on how to modify the existing code editor in the docs tutorial section for a separate project? Or is there something you're trying to do with Vue in the existing code editor that doesn't work as expected?