adam/vscode-front-matter
1
0 Fork 0
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-11-03 17:12:21 +01:00
Code Issues 77 Packages Projects Releases Wiki Activity

Issue: When using nuxt-content, the preview page does not update in real time. #528

New Issue
Closed
opened 2026-10-05 02:51:25 +02:00 by adam · 4 comments
adam commented 2026-10-05 02:51:25 +02:00
Owner
Copy link
Copy source

Describe the bug
When using nuxt-content, the preview page does not update in real time. You need to mouse over the preview window to refresh it. But it can be refreshed in real time in the browser.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'init nuxt content template & open a markdown file'
  2. Click on ' Open preview'

Expected behavior
Expect the preview window to refresh in real time

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: Mac
**Describe the bug** When using nuxt-content, the preview page does not update in real time. You need to mouse over the preview window to refresh it. But it can be refreshed in real time in the browser. **To Reproduce** Steps to reproduce the behavior: 1. Go to 'init nuxt content template & open a markdown file' 2. Click on ' Open preview' **Expected behavior** Expect the preview window to refresh in real time **Screenshots** If applicable, add screenshots to help explain your problem. **Desktop (please complete the following information):** - OS: Mac <!-- github-sync-id:1899761687 -->
adam closed this issue 2026-10-05 02:51:26 +02:00
adam commented 2026-10-05 02:51:26 +02:00
Author
Owner
Copy link
Copy source

Thank you for opening this issue @Ahidada, I have done some testing, and it seems to be an issue with the DEV server of Nuxt when showing the content in an iframe. Right now I don't have an idea yet how to fix it. I opened a Nuxt discussion to get help on this: https://github.com/nuxt/nuxt/discussions/23264

Thank you for opening this issue @Ahidada, I have done some testing, and it seems to be an issue with the DEV server of Nuxt when showing the content in an iframe. Right now I don't have an idea yet how to fix it. I opened a Nuxt discussion to get help on this: https://github.com/nuxt/nuxt/discussions/23264 <!-- github-comment-id:1722939925 -->
adam commented 2026-10-05 02:51:27 +02:00
Author
Owner
Copy link
Copy source

In Discord, yeing mentioned that the Microsoft Edge Tools for VS Code allow a better web preview. I have been looking into it, and it is because under the hood they make use of Puppeteer to screencast the browser view.

The extension itself is intended to be used for development and comes with a lot more features. Alternatively, I found the Browse Lite extension allowing Front Matter to open a given URL.

To fix this, Front Matter will add support for this extension. If it is installed, it will use that to show the preview instead of the built-in preview. This change will solve the issue you are facing with Nuxt.

https://github.com/estruyf/vscode-front-matter/assets/2900833/d1ced1ca-837f-497d-951d-e34839331856

In Discord, yeing mentioned that the Microsoft Edge Tools for VS Code allow a better web preview. I have been looking into it, and it is because under the hood they make use of Puppeteer to screencast the browser view. The extension itself is intended to be used for development and comes with a lot more features. Alternatively, I found the [Browse Lite](https://marketplace.visualstudio.com/items?itemName=antfu.browse-lite) extension allowing Front Matter to open a given URL. To fix this, Front Matter will add support for this extension. If it is installed, it will use that to show the preview instead of the built-in preview. This change will solve the issue you are facing with Nuxt. https://github.com/estruyf/vscode-front-matter/assets/2900833/d1ced1ca-837f-497d-951d-e34839331856 <!-- github-comment-id:1738794611 -->
adam commented 2026-10-05 02:51:28 +02:00
Author
Owner
Copy link
Copy source

This is testable in the latest beta version

This is testable in the latest beta version <!-- github-comment-id:1738808557 -->
adam commented 2026-10-05 02:51:28 +02:00
Author
Owner
Copy link
Copy source

Thanks. This is great.

Thanks. This is great. <!-- github-comment-id:1739094220 -->
Sign in to join this conversation.
No Branch/Tag Specified
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
adam (Adam Wojcieszonek)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/vscode-front-matter#528