@myissue/vue-website-page-builder 3.1.33 → 3.1.35

package/README.md

@@ -15,41 +15,28 @@ A Vue 3 page builder component with drag & drop functionality for creating dynam
 
 ## Installation
 
+The web builder for stunning pages. Enable users to design and publish modern pages at any scale.
+
 ```bash
 npm install @myissue/vue-website-page-builder
 ```
 
-### Important: CSS Import Required
-
-The page builder requires its CSS file to be imported for proper styling and automatic icon loading:
-
-```js
-import '@myissue/vue-website-page-builder/style.css'
-```
-
-This import automatically includes:
-
-- ✅ Page builder styles
-- ✅ Google Fonts (Jost, Cormorant - no additional setup needed)
-- ✅ Google Material Icons (no additional setup needed)
-- ✅ Responsive design utilities
-
 ## Click & Drop Page Builder
 
-[Play around with the page builder](https://www.builder-demo.myissue.dk)
+[Play around with the Page Builder](https://www.builder-demo.myissue.dk)
 
-Born out of desire to create a minimalist page builder with an elegant and intuitive design.
+Lightweight & Minimalist Page Builder with an elegant and intuitive design, focused on simplicity and speed.
 
-The web builder for stunning pages. Enable users to design and publish modern pages at any scale. Build responsive pages like listings, jobs or blog posts and manage content easily using the free Click & Drop Page Builder.
+Build responsive pages like listings, jobs or blog posts and manage content easily using the free Click & Drop Page Builder.
 
 To star the repository, simply click on the **Star** button located at the top-right corner of the GitHub page. Thank you in advance for your support! 🙌
 
 ## Demo
 
-Introducing the **The LightweightFree Vue Click & Drop Page Builder**
+Introducing the **The Lightweight Free Vue Click & Drop Page Builder**
 create and enhance digital experiences with Vue on any backend.
 
-[Play around with the page builder](https://www.builder-demo.myissue.dk)
+[Play around with the Page Builder](https://www.builder-demo.myissue.dk)
 
 ## About
 
@@ -112,10 +99,29 @@ yarn install
 bun install
 ```
 
+### Important: CSS Import Required
+
+The Page Builder requires its CSS file to be imported for proper styling and automatic icon loading:
+
+```js
+import '@myissue/vue-website-page-builder/style.css'
+```
+
+This import automatically includes:
+
+- ✅ Page Builder styles
+- ✅ Google Fonts (Jost, Cormorant - no additional setup needed)
+- ✅ Google Material Icons (no additional setup needed)
+- ✅ Responsive design utilities
+
+---
+
 ### Quick Start
 
 Get up and running quickly and initializing the builder in your Vue project. The following example demonstrates the minimal setup required to start building pages.
 
+- The Page Builder requires its CSS file to be imported for proper styling and automatic icon loading:
+
 ```vue
 <script setup>
 import { PageBuilder } from '@myissue/vue-website-page-builder'
@@ -136,7 +142,7 @@ Get up and running quickly by importing the PageBuilder component, setting up yo
   - `pageBuilderLogo` to display your company logo in the builder toolbar
   - `resourceData` to prefill the builder with initial data
   - `userSettings` to set user preferences such as theme, language, or autoSave
-  - `createNewResourceFormName` (recommended): Specify the resource type (e.g., `"article"`, `"jobPost"`, `"store"`, etc.) in the `updateOrCreate` config. This is especially useful if your platform supports multiple resource types. By providing a unique name, the page builder can correctly manage layouts and local storage for each resource type, allowing users to continue where they left off for different resources.
+  - `createNewResourceFormName` (recommended): Specify the resource type (e.g., `"article"`, `"jobPost"`, `"store"`, etc.) in the `updateOrCreate` config. This is especially useful if your platform supports multiple resource types. By providing a unique name, the Page Builder can correctly manage layouts and local storage for each resource type, allowing users to continue where they left off for different resources.
 
 ```vue
 <script setup>
@@ -171,7 +177,7 @@ const configPageBuilder = {
 const pageBuilderStateStore = sharedPageBuilderStore
 const pageBuilderClass = new PageBuilderClass(pageBuilderStateStore)
 
-// Initializing page builder with essential configuration
+// Initializing Page Builder with essential configuration
 pageBuilderClass.setConfigPageBuilder(configPageBuilder)
 </script>
 
@@ -182,9 +188,9 @@ pageBuilderClass.setConfigPageBuilder(configPageBuilder)
 
 ### Company Logo & Logged-in User
 
-You can display your company logo in the page builder interface and set the currently logged-in user by passing both a logo URL and user information in your config object:
+You can display your company logo in the Page Builder interface and set the currently logged-in user by passing both a logo URL and user information in your config object:
 
-- **Company Logo:** Set the logo URL in your config object and pass it to the PageBuilder using `pageBuilderClass.setConfigPageBuilder(configPageBuilder)`. When provided, the logo will appear at the top of the page builder with proper spacing in the toolbar.
+- **Company Logo:** Set the logo URL in your config object and pass it to the PageBuilder using `pageBuilderClass.setConfigPageBuilder(configPageBuilder)`. When provided, the logo will appear at the top of the Page Builder with proper spacing in the toolbar.
 - **Logged-in User:** Pass a `userForPageBuilder` object in your config to display or use the logged-in user's information within the builder (e.g., for audit trails, personalization, or permissions).
 
 **Basic Usage:**

package/dist/vue-website-page-builder.js

@@ -23583,7 +23583,7 @@ const F4 = { class: "p-4" }, z4 = { class: "mb-8" }, j4 = { class: "grid grid-co
 }, pS = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, uS = { class: "overflow-x-auto" }, mS = { class: "min-w-full divide-y divide-gray-300" }, hS = { class: "bg-white divide-y divide-gray-200" }, gS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, fS = { class: "flex items-center space-x-3" }, bS = { class: "border-r border-gray-200 pr-6" }, yS = ["src"], wS = { class: "px-6 py-4 whitespace-nowrap text-sm text-gray-500" }, vS = { class: "flex items-center space-x-3" }, xS = { class: "border-r border-gray-200 pr-6" }, kS = { class: "flex items-center space-x-3" }, SS = { class: "whitespace-nowrap" }, CS = {
   __name: "PageBuilderSettings",
   setup(r) {
-    const e = "v3.1.33", t = Le, o = S(!1), n = S(""), i = S(null), s = L(() => t.getConfigPageBuilder), a = function() {
+    const e = "v3.1.35", t = Le, o = S(!1), n = S(""), i = S(null), s = L(() => t.getConfigPageBuilder), a = function() {
       n.value = "Advanced Settings", o.value = !0;
     }, l = function() {
       o.value = !1;