@myissue/vue-website-page-builder 3.3.65 → 3.3.68

package/README.md

@@ -11,6 +11,7 @@
   - [Installation](#installation)
   - [About](#about)
   - [Features](#features)
+    - [Trusted by Freelancers and Leading Brands](#trusted-by-freelancers-and-leading-brands)
   - [Technical Details](#technical-details)
   - [Documentation](#documentation)
   - [Requirements](#requirements)
@@ -22,6 +23,8 @@
   - [Important: CSS Prefixing (`pbx-`)](#important-css-prefixing-pbx-)
   - [Rendering HTML Output in Other Frameworks (React, Nuxt, etc.)](#rendering-html-output-in-other-frameworks-react-nuxt-etc)
   - [Providing Configuration to the Page Builder](#providing-configuration-to-the-page-builder)
+  - [Comprehensive Language Support in the Page Builder](#comprehensive-language-support-in-the-page-builder)
+      - [Disabling the Language Dropdown](#disabling-the-language-dropdown)
   - [Local Storage \& Auto-Save](#local-storage--auto-save)
   - [Retrieving the Latest HTML Content for Form Submission](#retrieving-the-latest-html-content-for-form-submission)
     - [Resetting the Builder After Successful Resource Creation or Update](#resetting-the-builder-after-successful-resource-creation-or-update)
@@ -87,7 +90,7 @@ npm install @myissue/vue-website-page-builder
 
 ## About
 
-A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies.
+A Page Builder designed for growth. Build your website pages with ready-made components that are fully customizable and always responsive, designed to fit every need. A powerful Page Builder for growing merchants, brands, and agencies. And it is totally free.
 
 <img style="max-width: 100%;" src="./public/home/media_library.jpg" alt="Vue Website Page Builder - the editor" />
 
@@ -101,6 +104,7 @@ Includes:
 The Page Builder is packed with features:
 
 - **Click & Drop**: Easily rearrange elements on your page.
+- **Multilingual Page Builder**: : The Page Builder now offers comprehensive language support, empowering users around the world to build pages in their native language. Supported languages include English, Simplified Chinese, French, Japanese, Russian, Spanish, Portuguese, German, Arabic, and Hindi — making content creation truly global.
 - **Reordering**: Change the order of your content without hassle.
 - **True Visual Editing**: See your changes in real-time as you make them.
 - **Media Library**: Easily inject your own custom media library component.
@@ -117,9 +121,9 @@ The Page Builder is packed with features:
 - **Tailwind Support**: Fully compatible with Tailwind CSS (with automatic class prefixing to avoid conflicts).
 - **Scoped Styles**: To ensure clean and predictable styling, the builder uses scoped style isolation. There is no risk of style conflicts between the builder and your app.
 
-A powerful Page Builder for any growing merchants, brands, and agencies. Empower users to create the perfect content with the Page Builder.
+### Trusted by Freelancers and Leading Brands
 
-<img style="max-width: 100%;" src="./public/home/text_editor.jpg" alt="Vue Website Page Builder - the media library" />
+From solo freelancers to fast-growing startups and established enterprises, the Page Builder is trusted by teams everywhere. With its intuitive click-and-drop editor, real-time visual editing, and a rich library of reusable components, you can turn ideas into polished pages in minutes. Built for merchants, brands, and agencies, it empowers anyone to create high-impact content.
 
 ## Technical Details
 
@@ -316,7 +320,10 @@ const configPageBuilder = {
   },
   userSettings: {
     theme: 'light',
-    language: 'en',
+    language: {
+      default: 'en',
+      enable: ['en', 'zh-Hans', 'fr'],
+    },
     autoSave: true,
   },
   settings: {
@@ -336,6 +343,65 @@ console.info('You may inspect this result for message, status, or error:', resul
 </template>
 ```
 
+## Comprehensive Language Support in the Page Builder
+
+The Page Builder offers robust multilingual support, enabling you to reach a global audience with ease. By default, it supports the following languages, chosen for their widespread use and strong developer communities:
+
+| Language             | Code    |
+| -------------------- | ------- |
+| English              | en      |
+| Chinese (Simplified) | zh-Hans |
+| French               | fr      |
+| Japanese             | ja      |
+| Russian              | ru      |
+| Spanish              | es      |
+| Portuguese (Brazil)  | pt      |
+| German               | de      |
+| Arabic               | ar      |
+| Hindi                | hi      |
+
+You can set a default language for your project:
+
+```js
+userSettings: {
+  language: {
+    default: 'en',
+    enable: ['en', 'zh-Hans', 'fr'],
+  },
+},
+```
+
+If you prefer to offer only a subset of these languages for users to switch between, specify them using the `enable` option.
+
+If you do not provide the `enable` array, the Page Builder will default to showing all supported languages by default.
+
+```js
+userSettings: {
+  language: {
+    default: 'en',
+    enable: ['en', 'zh-Hans', 'fr'],
+  },
+},
+```
+
+#### Disabling the Language Dropdown
+
+If you want to completely hide the language selector from the UI (e.g., when only one language is available or you want a fixed language), simply set `disableLanguageDropdown` to `true`.
+
+Even when the dropdown is disabled, the default language will still be applied automatically. This gives you full control over localization while keeping the interface simple for your users.
+
+```js
+userSettings: {
+  theme: 'light',
+  language: {
+    default: 'en',
+    disableLanguageDropdown: true,
+  },
+},
+```
+
+This flexibility allows you to tailor the language experience to your audience’s needs.
+
 ## Local Storage & Auto-Save
 
 The Page Builder automatically saves all changes to the browser’s local storage. Every time you add, edit, or delete a component, your progress is preserved—even if you close the browser or navigate away.