docs(release): beta.2

Author: larbish

README.md

@@ -11,19 +11,17 @@ Originally offered as a standalone premium platform at <https://nuxt.studio>, St
 **Current Features** `BETA`
 
 - 💻 **Monaco Code Editor** - Code editor for enhanced Markdown with MDC syntax, YAML, and JSON
-- ✨ **TipTap Visual Editor** - WYSIWYG Markdown editor with MDC component support (default mode)
+- ✨ **TipTap Visual Editor** - Markdown editor with MDC component support (default mode)
 - 📝 **Form-based Editor** - Edit YAML/JSON files and frontmatter with auto-generated forms based on collection schemas
+- 🎨 **Vue Component Props Editor** - Visual interface for editing Vue component props directly in the editor
 - 🔄 **Real-time Preview** - See your changes instantly on your production website
 - 🔐 **Multi-provider Authentication** - Secure OAuth-based login with GitHub, GitLab, and Google
+- 🔑 **Custom Authentication** - Utilities for implementing your own auth flow (password, SSO, LDAP)
 - 📝 **File Management** - Create, edit, delete, and rename content files (`content/` directory)
 - 🖼️ **Media Management** - Centralized media library with support for JPEG, PNG, GIF, WebP, AVIF, SVG, and more
 - 🌳 **Git Integration** - Commit changes directly from your production website and just wait your CI/CD pipeline to deploy your changes
 - 🚀 **Development Mode** - Directly edit your content files and media files in your local filesystem using the module interface
-- 🌍 **16 Languages** - Full i18n support (AR, BG, DE, EN, ES, FA, FI, FR, ID, IT, JA, NL, PL, PT-BR, UA, ZH)
-
-**Coming in Beta:**
-
-- 🎨 **Vue Component Props Editor** - Visual interface for editing Vue component props and slots
+- 🌍 **17 Languages** - Full i18n support (AR, BG, DE, EN, ES, FA, FI, FR, ID, IT, JA, NL, PL, PT-BR, UA, ZH, ZH-TW)
 
 **Future Features:**
 
@@ -195,7 +193,7 @@ pnpm lint
 
 ## Roadmap
 
-### ✅ Phase 1 - Alpha (Completed)
+### ✅ Phase 1 - Beta (Completed)
 
 - [x] Monaco code editor
 - [x] TipTap visual editor with MDC support (default mode)
@@ -210,12 +208,11 @@ pnpm lint
 - [x] Development mode
 - [x] Git integration
 - [x] Real-time preview
-- [x] Internationalization (16 languages)
+- [x] Internationalization (17 languages)
 - [x] Custom authentication utilities
-
-### 🚧 Phase 2 - Beta (Current)
-
-- [ ] Vue Component props editor (visual interface)
+- [x] Vue Component props editor (visual interface)
+- [x] Span-style text formatting with toolbar button
+- [x] Binding extension for component prop editing
 
 ### 🔮 Future
 

playground/docus/content/9.studio/5.content.md

@@ -13,7 +13,7 @@ seo:
 
 :br
 
-The beta version now includes the **TipTap visual editor** (default), the **Monaco code editor**, and the new **Form-based editor** for YAML/JSON files and frontmatter. You can switch between them at any time using the editor mode toggle in the toolbar.
+The beta version includes the **TipTap visual editor** (default) with **Vue Component Props Editor**, the **Monaco code editor**, and the **Form-based editor** for YAML/JSON files and frontmatter. You can now visually edit component props and use the new span-style formatting button.
 ::
 
 Nuxt Studio offers a versatile workspace for both developers and content writers, giving them the freedom to choose between our different editors:
@@ -41,6 +41,9 @@ The TipTap visual editor provides a modern Notion-like editing experience for Ma
 
 - **Rich Text Editing** - Format text with headings, bold, italic, strikethrough, code, links, and more
 - **MDC Component Support** - Insert and edit custom Vue components directly in the visual editor
+- **Vue Component Props Editor** - Visually edit component properties through a form-based interface
+- **Data Binding** - Bind component props to frontmatter variables using the [MDC binding syntax](https://content.nuxt.com/docs/files/markdown#binding-data)
+- **Span-style Formatting** - Apply inline text styles using the toolbar button for custom text formatting
 - **Media Integration** - Browse in media picker to insert images from your library
 - **Emoji Integration** - Type `:` followed by an emoji name to insert emojis, or use the slash command `/emoji`
 - **Slash Commands** - Type `/` to access a menu of formatting options and components
@@ -112,7 +115,7 @@ All components in the `/components/content` folder are automatically available:
 1. Type `/` anywhere while editing
 2. Search for your component in the list
 3. Insert and edit component slots directly in the editor
-4. Props editing with visual interface coming in beta
+4. Click on any component to open the **Props Editor** panel and edit properties visually
 ::
 
 #### Integrate External Library Components

playground/docus/content/9.studio/7.roadmap.md

@@ -17,14 +17,14 @@ This roadmap is subject to change based on community feedback and evolving prior
 ## Current Status: Beta Release
 
 ::badge
-v1.0.0-beta - Current Release
+v1.0.0-beta.2 - Current Release
 ::
 
-The beta release focuses on core functionality and stability. The beta now includes the TipTap visual editor (default), the Monaco code editor, and the new form-based editor for YAML/JSON files and frontmatter, providing a complete editing experience for all content types with MDC component support.
+The beta release focuses on core functionality and stability. The beta now includes the TipTap visual editor (default), the Monaco code editor, the form-based editor for YAML/JSON files and frontmatter. This provides a complete editing experience for all content types with MDC component support.
 
 ## Release Phases
 
-### ✅ Phase 1 - Alpha
+### ✅ Phase 1 - Beta
 
 **Focus**: Core infrastructure, file operations, and GitHub integration
 
@@ -55,7 +55,7 @@ Live preview of changes on your production website.
 
 #### Internationalization (i18n)
 
-Multi-language support for the Studio interface (16 languages: AR, BG, DE, EN, ES, FA, FI, FR, ID, IT, JA, NL, PL, PT-BR, UA, ZH).
+Multi-language support for the Studio interface (17 languages: AR, BG, DE, EN, ES, FA, FI, FR, ID, IT, JA, NL, NN-NO, NB-NO, PL, PT-BR, UA, ZH, ZH-TW).
 
 #### GitLab Integration
 
@@ -68,29 +68,25 @@ Local development support without authentication.
 #### Google OAuth Authentication
 
 Alternative authentication method for non-GitHub users.
-::
-
-### 🚧 Phase 2 - Beta :badge[Current]
 
-**Focus**: Advanced component management
+#### Vue Component Props Editor
 
-The beta phase will introduce enhanced component editing capabilities.
+Visual interface for editing Vue component properties directly in the editor. Select any MDC component and edit its props through a form-based interface.
 
-::prose-steps{level="4"}
-#### Vue Component Props Editor
+#### Data Binding
 
-Visual interface for editing Vue component properties.
+Support for [MDC binding syntax](https://content.nuxt.com/docs/files/markdown#binding-data) allowing you to bind component props to frontmatter variables for dynamic content.
 
-**Status:** 🚧 In development
+#### Span-style Text Formatting
 
-#### Custom Oauth
+Toolbar button for applying inline text styles with the span-style feature.
 
-Provide utilities to allow users to handle their own authentication. 
+#### Custom Authentication
 
-**Status:** 🚧 In development
+Utilities (`setStudioUserSession`, `clearStudioUserSession`) to allow users to handle their own authentication flow (password, SSO, LDAP, etc.).
 ::
 
-### 🔮 Phase 3 - Stable Release
+### 🔮 Phase 2 - Stable Release
 
 **Focus**: Production readiness and advanced features