search

vuejs / docs

📄 Documentation for Vue 3
https://vuejs.org
Other
2.94k stars 4.45k forks source link

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

Open inblossoms opened 2 months ago

inblossoms commented 2 months ago

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

inblossoms commented 2 months ago

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. 😶‍🌫️

NataliaTepluhina commented 2 months ago

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

inblossoms commented 2 months ago

@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. 🫣🫣

bencodezen commented 2 months ago

@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?