Changelog

The Notion-like Editor is available for all

The Notion-like editor is now accessible to everyone, offering a lot of embedded features, including:

• Live collaboration 🚀
• Text modification such as bold or italic or whatever class customisation you want
• Link integration
• Block code insertion

const beta = false

• Inline components: CMD+K
• Block components

• Images and videos (with drag&drop)

• And more !

The Notion-like Editor for Markdown

We are thrilled to announce the beta version of our new Content editor, with a Notion-like experience. Developed on the robust foundation of Tiptap, we've been working on it for the past four months. Edit your markdown, integrate Vue components and update their slots and props —all without requiring expertise in Vue, Nuxt, or even Markdown syntax.

The editor works seamlessly with your team as it supports live collaboration.

The editor generates MDC syntaxunder the hood. You still have the flexibility to manually switch to the code editor if you hit any limitations that our editor does not fully support (yet).

We value the active participation of our users in shaping the evolution of our product. That's why we extend a warm invitation for you to join us on Discord and complete the beta form to gain access to this new feature. A dedicated channel will be at your disposal to share valuable feedback and report any bugs you encounter. Our team is committed to promptly address and resolve any issues that arise.

Let's collaboratively build this Markdown editor, creating a new editing experience for both developers and copywriters. Your involvement is key to making this tool even more effective and user-friendly.

Switch editor side

Move the editor from left to right and vice versa to preview your website the way you want. Easily switch between layouts using the command menu, thanks to the 'Switch to default/reversed Studio layout' action.

Automatic preview comments

By default, when your project is imported to Nuxt Studio, the option for automatic PR preview comments is enabled. This means that Nuxt Studio will automatically post a message on your PR feed whenever it detects changes to your content pages, providing a direct link for previewing the modifications.

You have the flexibility to deactivate the automatic preview comments initiated by Nuxt Studio. Simply access your project's settings page and disable this functionality as needed.

Collaboration improvements

We've enhanced the collaboration server to ensure improved performance and synchronization when editing your files together. Feel free to reach out on Discord and share your feedback with us.

Other bug fixes and improvements

This release includes several bug fixes and improvements, addressing the following issues:

• Resolved synchronization issues related to branches/PRs sockets.
• Fixed preview issues associated with media files containing spaces in their names.
• Enhanced input focus within the application.
• Introduced the ability to drag and drop images into the all media gallery area.
• Rectified live preview inconsistencies with icons in the docs starter.
• Utilize CMD + / to shortcut to comment out lines in the Monaco editor.
• Access favorite projects directly from the command menu.
• Harmonized icons throughout the entire application.

At NuxtLabs, we've been working on Nuxt UI for several years. Initially an internal library for our SaaS products (Studio and Volta), it evolved into a sustainable solution that we recently decided to open-source.

Nuxt UI Pro is a collection of premium components, an extension of Nuxt UI, designed to facilitate the creation of appealing and responsive Nuxt applications in a matter of minutes.

The Nuxt UI team is dedicated to deliver the best integration and customization experience, while the Studio team is providing full compatibility with Nuxt Studio. This collaborative effort follows a coherent direction, leading to the selection of UI Pro as the foundation of our templates ecosystem.

From Docus to Docs template

We've made the choice to remove Docus from the list of our themes in profit of the UI Pro Docs template as we offer a better maintenance for it in the future.

While Docus remains compatible with Studio, it won't be proposed as our official starter. UI Pro and Studio teams are focusing their efforts on maintaining and ensuring compatibility specifically for the UI Pro starters.

App config schema generation

We've introduced new helpers to assist you in building your app.config.ts schema, facilitating the generation of the corresponding UI interface in the config section.

Favorite Projects

You can now set your projects as favorites in order to display them at the top of your project listing.

Other bug fixes and improvements

This release includes several bug fixes and improvements, addressing the following issues:

• Resolved missing installations during the project import process.
• Fixed the Sync meta action loading state within the command menu.
• Rectified tooltip positioning issues.
• In the self-hosting deployment section, added the ability to copy NUXT_PUBLIC_STUDIO_TOKENS by clicking on it.
• Introduced a direct search feature in the command menu for groups; typing media will list all related media.
• Corrected the alert message location issue.
• Reorganized the order of projects and members in the command menu.
• Added a desktop responsive breakpoint in the device selection dropdown of the preview.

Responsive design mode

A new dropdown is now accessible in the upper right corner of the preview panel. With this dropdown, you can adjust your screen size, ensuring that your content is responsive and behaves correctly in different screen sizes.

Environment variables for GitHub deployment

In the GitHub deployment panel, you now have the capacity to add environment variables as secrets. These secrets help you manage reusable configuration data. They are created directly within your GitHub repository secrets. Our GitHub Pages configuration file is automatically updated to incorporate these variables, making them accessible in your source code after the deployment process.

Managing array and object types in configuration UI

Now, you have the option to incorporate Object and Array types into your App Config schema. This means that you can empower Studio users to directly update key-value objects and custom arrays from the Configuration panel.

PDF & JSON media support

You can now import PDF and JSON files into your media gallery and easily insert their corresponding URLs into your content files.

Automated pull-requests preferences

If you prefer to use custom tools like renovate to manage your dependencies, you have the option to disable the automatic upgrade dependency pull-requests triggered by Nuxt Studio. You can simply disable this functionality from your project's settings page.

Other bug fixes and improvements

This release includes several bug fixes and improvements, addressing the following issues:

• Modified configs keys were missing in the command menu's current changes section.
• Fixed the media input type in app config configuration.
• Corrected highlight issues in YAML files.
• Resolved issues with renamed repository hooks.
• Fixed schema generation for app config.
• Reordered preview blocks that were in the wrong order.
• Fixed cases of empty previews.