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

package/src/locales/pt.json

@@ -0,0 +1,136 @@
+{
+  "language": "Linguagem",
+  "button": {
+    "addComponentsToBottom": "Adicionar componentes ao final",
+    "publish": "Publicar",
+    "addComponents": "Adicionar novos componentes",
+    "save": "Salvar",
+    "resetPage": "Redefinir página"
+  },
+  "options": {
+    "button": "Opções",
+    "configOverview": "Visão geral da configuração",
+    "htmlOverview": "Visão geral do HTML",
+    "deleteLayout": "Excluir layout"
+  },
+  "features": {
+    "liveDragDropBuilder": {
+      "name": "Construtor de arrastar e soltar ao vivo",
+      "description": "Clique e solte conteúdo em uma página e veja sua página ganhar vida. Dê vida à sua visão e crie páginas impressionantes usando um Page Builder de arrastar e soltar."
+    },
+    "trueVisualEditing": {
+      "name": "Edição visual real",
+      "description": "Veja suas alterações em tempo real. Eleve sua visão criativa e crie páginas usando um page builder intuitivo. Liberte-se das limitações de design e realize suas ideias."
+    },
+    "features": {
+      "name": "Recursos",
+      "description": "Arrastar e soltar, reordenar, edição visual real, edição responsiva, personalização de fontes, desfazer e refazer, edição de texto, biblioteca de mídia, integração com Unsplash, vídeos do YouTube."
+    },
+    "technologies": {
+      "name": "Tecnologias",
+      "description": "Desenvolvido com TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS e HTML."
+    },
+    "setBrandAndLinkColors": {
+      "name": "Defina as cores da marca e do link em um só lugar",
+      "description": "Estilos globais para fontes, designs e cores. Defina as cores da marca e do link uma vez e aplique-as em toda a plataforma com facilidade."
+    },
+    "mobileFirstApproach": {
+      "name": "Abordagem Mobile-First",
+      "description": "Desenvolvido com abordagem Mobile-First. O Page Builder funciona até mesmo em celulares."
+    },
+    "mediaLibrary": {
+      "name": "Biblioteca de mídia",
+      "description": "Uma biblioteca de mídia bonita e fácil de usar que permite alterar e atualizar imagens. Integração com Unsplash incluída."
+    },
+    "minimalIntuitiveDesign": {
+      "name": "Design minimalista e intuitivo",
+      "description": "Design bonito, elegante e intuitivo. Melhore o engajamento do usuário com uma experiência visual incrível."
+    }
+  },
+  "branding": {
+    "mainHeader": "Dê vida à sua visão e crie páginas impressionantes usando um Page Builder de arrastar e soltar",
+    "description": "O construtor de páginas web para páginas impressionantes. Permita que os usuários projetem e publiquem páginas modernas em qualquer escala. Crie páginas responsivas como listagens, empregos ou blogs e gerencie o conteúdo facilmente usando o Page Builder gratuito de arrastar e soltar. Desenvolvido com TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS e HTML. Baixe ou instale gratuitamente nosso poderoso, flexível e fácil de usar Page Builder para Vue 3.",
+    "downloadDescription": "Baixe ou instale gratuitamente nosso poderoso, flexível e fácil de usar Page Builder para Vue 3 via"
+  },
+  "typography": {
+    "title": "Tipografia",
+    "appearance": "Aparência da fonte",
+    "fontSize": "Tamanho da fonte",
+    "fontTabletSize": "Tamanho da fonte para tablet",
+    "fontMobileSize": "Telas pequenas",
+    "fontWeight": "Peso da fonte",
+    "fontFamily": "Família da fonte",
+    "fontStyle": "Estilo da fonte"
+  },
+  "opacity": {
+    "label": "Opacidade",
+    "transparent": "Transparente"
+  },
+  "backgroundOpacity": {
+    "label": "Opacidade do fundo",
+    "transparent": "Transparente"
+  },
+  "padding": {
+    "title": "Preenchimento",
+    "vertical": "Preenchimento vertical",
+    "horizontal": "Preenchimento horizontal",
+    "select": "Selecionar"
+  },
+  "opacityEditor": {
+    "title": "Opacidade e transparência"
+  },
+  "margin": {
+    "title": "Margem",
+    "vertical": "Margem vertical",
+    "horizontal": "Margem horizontal",
+    "select": "Selecionar"
+  },
+  "borderRadius": {
+    "title": "Raio da borda",
+    "global": "Global",
+    "specific": "Específico",
+    "label": "Raio da borda",
+    "topLeft": "Raio da borda superior esquerda",
+    "topRight": "Raio da borda superior direita",
+    "bottomLeft": "Raio da borda inferior esquerda",
+    "bottomRight": "Raio da borda inferior direita",
+    "select": "Selecionar"
+  },
+  "borders": {
+    "title": "Estilo, largura e cor da borda",
+    "border": "Borda",
+    "style": "Estilo da borda",
+    "width": "Largura da borda",
+    "color": "Cor da borda",
+    "select": "Selecionar"
+  },
+  "classEditor": {
+    "title": "CSS Gerado",
+    "info": "Este é o CSS aplicado pelo construtor. Adicione seu próprio CSS e pressione Enter para aplicá-lo ao elemento selecionado.",
+    "add": "Adicione seu CSS.",
+    "prefix": "O prefixo pbx- é adicionado automaticamente.",
+    "placeholder": "Digite a classe",
+    "addButton": "Adicionar"
+  },
+  "styleEditor": {
+    "title": "Estilos Inline",
+    "info": "Estes são os estilos inline aplicados pelo construtor. Adicione seus próprios estilos e pressione Enter para aplicá-los ao elemento selecionado.",
+    "add": "Adicione seu próprio estilo.",
+    "propertyPlaceholder": "propriedade",
+    "valuePlaceholder": "valor",
+    "addButton": "Adicionar"
+  },
+  "rightSidebar": {
+    "backgroundColorEditor": {
+      "label": "Cor de fundo",
+      "transparent": "Transparente"
+    },
+    "editing": "Editando",
+    "globalPageStylesTitle": "Estilos Globais da Página",
+    "globalPageStylesDescription": "Aplique estilos que afetam toda a página. Essas configurações incluem família de fontes global, cor do texto, cor de fundo e outros estilos universais que se aplicam a todas as seções.",
+    "updatePageStyles": "Atualizar estilos da página",
+    "downloadHtmlTitle": "Baixar HTML",
+    "downloadHtmlDescription": "Exporte toda a página como um arquivo HTML independente. Isso inclui todas as seções, conteúdo e estilos aplicados, pronto para uso ou integração em outro lugar.",
+    "downloadHtmlButton": "Baixar arquivo HTML"
+  }
+}

package/src/locales/ru.json

@@ -0,0 +1,136 @@
+{
+  "language": "Язык",
+  "button": {
+    "addComponentsToBottom": "Добавить компоненты в конец",
+    "publish": "Опубликовать",
+    "addComponents": "Добавить новые компоненты",
+    "save": "Сохранить",
+    "resetPage": "Сбросить страницу"
+  },
+  "options": {
+    "button": "Опции",
+    "configOverview": "Обзор конфигурации",
+    "htmlOverview": "Обзор HTML",
+    "deleteLayout": "Удалить макет"
+  },
+  "features": {
+    "liveDragDropBuilder": {
+      "name": "Живой Drag & Drop Builder",
+      "description": "Перетаскивайте контент на страницу и наблюдайте, как она оживает. Воплотите свою идею в жизнь и создайте впечатляющие страницы с помощью конструктора страниц drag & drop."
+    },
+    "trueVisualEditing": {
+      "name": "Настоящее визуальное редактирование",
+      "description": "Видьте изменения в реальном времени. Повышайте творческое видение и создавайте страницы с помощью интуитивного конструктора. Освободитесь от ограничений дизайна и воплотите свои идеи в реальность."
+    },
+    "features": {
+      "name": "Функции",
+      "description": "Drag & Drop, изменение порядка, настоящее визуальное редактирование, адаптивное редактирование, настройка шрифтов, отмена и повтор, редактирование текста, медиатека, интеграция Unsplash, видео YouTube."
+    },
+    "technologies": {
+      "name": "Технологии",
+      "description": "Разработано с использованием TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS и HTML."
+    },
+    "setBrandAndLinkColors": {
+      "name": "Установите цвета бренда и ссылок в одном месте",
+      "description": "Глобальные стили для шрифтов, дизайна и цветов. Установите цвета бренда и ссылок один раз и применяйте их по всей платформе с легкостью."
+    },
+    "mobileFirstApproach": {
+      "name": "Mobile-First подход",
+      "description": "Разработано с учетом Mobile-First. Конструктор страниц работает даже на мобильных телефонах."
+    },
+    "mediaLibrary": {
+      "name": "Медиатека",
+      "description": "Красивая и удобная медиатека, позволяющая изменять и обновлять изображения. Интеграция с Unsplash включена."
+    },
+    "minimalIntuitiveDesign": {
+      "name": "Минималистичный и интуитивный дизайн",
+      "description": "Красивый, элегантный и интуитивно понятный дизайн. Повышайте вовлеченность пользователей с потрясающим визуальным опытом."
+    }
+  },
+  "branding": {
+    "mainHeader": "Воплотите свою идею в жизнь и создайте впечатляющие страницы с помощью конструктора страниц drag & drop",
+    "description": "Веб-конструктор для потрясающих страниц. Позвольте пользователям проектировать и публиковать современные страницы любого масштаба. Создавайте адаптивные страницы, такие как списки, вакансии или блоги, и легко управляйте контентом с помощью бесплатного конструктора страниц drag & drop. Разработано с использованием TypeScript, Vue 3, Composition API, Pinia, CSS, Tailwind CSS и HTML. Скачайте или установите наш мощный, гибкий и простой в использовании бесплатный Page Builder для Vue 3.",
+    "downloadDescription": "Скачайте или установите наш мощный, гибкий и простой в использовании бесплатный Page Builder для Vue 3 через"
+  },
+  "typography": {
+    "title": "Типография",
+    "appearance": "Внешний вид шрифта",
+    "fontSize": "Размер шрифта",
+    "fontTabletSize": "Размер шрифта для планшета",
+    "fontMobileSize": "Маленькие экраны",
+    "fontWeight": "Толщина шрифта",
+    "fontFamily": "Семейство шрифтов",
+    "fontStyle": "Стиль шрифта"
+  },
+  "opacity": {
+    "label": "Непрозрачность",
+    "transparent": "Прозрачный"
+  },
+  "backgroundOpacity": {
+    "label": "Прозрачность фона",
+    "transparent": "Прозрачный"
+  },
+  "padding": {
+    "title": "Внутренний отступ",
+    "vertical": "Вертикальный отступ",
+    "horizontal": "Горизонтальный отступ",
+    "select": "Выбрать"
+  },
+  "margin": {
+    "title": "Внешний отступ",
+    "vertical": "Вертикальный внешний отступ",
+    "horizontal": "Горизонтальный внешний отступ",
+    "select": "Выбрать"
+  },
+  "opacityEditor": {
+    "title": "Непрозрачность и прозрачность"
+  },
+  "borderRadius": {
+    "title": "Радиус границы",
+    "global": "Глобальный",
+    "specific": "Конкретный",
+    "label": "Радиус границы",
+    "topLeft": "Радиус границы сверху слева",
+    "topRight": "Радиус границы сверху справа",
+    "bottomLeft": "Радиус границы снизу слева",
+    "bottomRight": "Радиус границы снизу справа",
+    "select": "Выбрать"
+  },
+  "borders": {
+    "title": "Стиль, ширина и цвет границы",
+    "border": "Граница",
+    "style": "Стиль границы",
+    "width": "Ширина границы",
+    "color": "Цвет границы",
+    "select": "Выбрать"
+  },
+  "classEditor": {
+    "title": "Сгенерированный CSS",
+    "info": "Это CSS, применяемый конструктором. Добавьте свой CSS и нажмите Enter, чтобы применить его к выбранному элементу.",
+    "add": "Добавьте свой CSS.",
+    "prefix": "Префикс pbx- добавляется автоматически.",
+    "placeholder": "Введите класс",
+    "addButton": "Добавить"
+  },
+  "styleEditor": {
+    "title": "Встроенные стили",
+    "info": "Это встроенные стили, применяемые конструктором. Добавьте свои стили и нажмите Enter, чтобы применить их к выбранному элементу.",
+    "add": "Добавьте свой стиль.",
+    "propertyPlaceholder": "свойство",
+    "valuePlaceholder": "значение",
+    "addButton": "Добавить"
+  },
+  "rightSidebar": {
+    "backgroundColorEditor": {
+      "label": "Цвет фона",
+      "transparent": "Прозрачный"
+    },
+    "editing": "Редактирование",
+    "globalPageStylesTitle": "Глобальные стили страницы",
+    "globalPageStylesDescription": "Применяйте стили, которые влияют на всю страницу. Эти настройки включают глобальное семейство шрифтов, цвет текста, цвет фона и другие универсальные стили, применяемые ко всем разделам.",
+    "updatePageStyles": "Обновить стили страницы",
+    "downloadHtmlTitle": "Скачать HTML",
+    "downloadHtmlDescription": "Экспортируйте всю страницу как автономный HTML-файл. Это включает все разделы, содержимое и примененные стили, готовые к использованию или интеграции в другом месте.",
+    "downloadHtmlButton": "Скачать HTML-файл"
+  }
+}

package/src/locales/zh-Hans.json

@@ -0,0 +1,136 @@
+{
+  "language": "语言",
+  "button": {
+    "addComponentsToBottom": "添加组件到底部",
+    "publish": "发布",
+    "addComponents": "添加新组件",
+    "save": "保存",
+    "resetPage": "重置页面"
+  },
+  "options": {
+    "button": "选项",
+    "configOverview": "配置概览",
+    "htmlOverview": "HTML 概览",
+    "deleteLayout": "删除布局"
+  },
+  "features": {
+    "liveDragDropBuilder": {
+      "name": "实时拖放构建器",
+      "description": "在页面上点击并拖放内容，见证页面焕发生机。让您的愿景成真，使用拖放页面生成器创建令人印象深刻的页面。"
+    },
+    "trueVisualEditing": {
+      "name": "真正的可视化编辑",
+      "description": "实时查看您的更改。提升您的创意愿景，使用直观的页面生成器创建页面。打破设计限制，将您的想法变为现实。"
+    },
+    "features": {
+      "name": "功能",
+      "description": "拖放、重新排序、真正的可视化编辑、响应式编辑、字体自定义、撤销与重做、文本编辑、媒体库、Unsplash 集成、YouTube 视频。"
+    },
+    "technologies": {
+      "name": "技术",
+      "description": "由 TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS 和 HTML 开发。"
+    },
+    "setBrandAndLinkColors": {
+      "name": "一处设置品牌和链接颜色",
+      "description": "字体、设计和颜色的全局样式。只需设置一次品牌和链接颜色，即可轻松应用到整个平台。"
+    },
+    "mobileFirstApproach": {
+      "name": "移动优先策略",
+      "description": "采用移动优先策略开发。页面生成器甚至可以在手机上使用。"
+    },
+    "mediaLibrary": {
+      "name": "媒体库",
+      "description": "美观且用户友好的媒体库，允许您更改和更新图片。包含 Unsplash 集成。"
+    },
+    "minimalIntuitiveDesign": {
+      "name": "极简直观设计",
+      "description": "美观、优雅且直观的设计。通过出色的视觉体验提升用户参与度。"
+    }
+  },
+  "branding": {
+    "mainHeader": "让您的愿景成真，使用拖放页面生成器创建令人印象深刻的页面",
+    "description": "令人惊叹的网页构建器。让用户能够在任何规模下设计和发布现代网页。使用免费的拖放页面生成器，轻松构建响应式页面，如列表、职位或博客文章，并轻松管理内容。由 TypeScript、Vue 3、Composition API、Pinia、CSS、Tailwind CSS 和 HTML 开发。免费下载或安装我们强大、灵活且易于使用的 Vue 3 页面生成器。",
+    "downloadDescription": "免费下载或安装我们强大、灵活且易于使用的 Vue 3 页面生成器，通过"
+  },
+  "typography": {
+    "title": "排版",
+    "appearance": "字体外观",
+    "fontSize": "字体大小",
+    "fontTabletSize": "平板字体大小",
+    "fontMobileSize": "小屏幕",
+    "fontWeight": "字体粗细",
+    "fontFamily": "字体族",
+    "fontStyle": "字体样式"
+  },
+  "opacity": {
+    "label": "不透明度",
+    "transparent": "透明"
+  },
+  "backgroundOpacity": {
+    "label": "背景不透明度",
+    "transparent": "透明"
+  },
+  "padding": {
+    "title": "内边距",
+    "vertical": "垂直内边距",
+    "horizontal": "水平内边距",
+    "select": "选择"
+  },
+  "margin": {
+    "title": "外边距",
+    "vertical": "垂直外边距",
+    "horizontal": "水平外边距",
+    "select": "选择"
+  },
+  "opacityEditor": {
+    "title": "不透明度与透明度"
+  },
+  "borderRadius": {
+    "title": "圆角",
+    "global": "全局",
+    "specific": "特定",
+    "label": "圆角",
+    "topLeft": "左上圆角",
+    "topRight": "右上圆角",
+    "bottomLeft": "左下圆角",
+    "bottomRight": "右下圆角",
+    "select": "选择"
+  },
+  "borders": {
+    "title": "边框样式、宽度和颜色",
+    "border": "边框",
+    "style": "边框样式",
+    "width": "边框宽度",
+    "color": "边框颜色",
+    "select": "选择"
+  },
+  "classEditor": {
+    "title": "生成的 CSS",
+    "info": "这是由构建器应用的 CSS。添加您自己的 CSS 并按回车键将其应用到所选元素。",
+    "add": "添加您的 CSS。",
+    "prefix": "pbx- 前缀会自动添加。",
+    "placeholder": "输入类名",
+    "addButton": "添加"
+  },
+  "styleEditor": {
+    "title": "内联样式",
+    "info": "这些是由构建器应用的内联样式。添加您自己的样式并按回车键将其应用到所选元素。",
+    "add": "添加您自己的样式。",
+    "propertyPlaceholder": "属性",
+    "valuePlaceholder": "值",
+    "addButton": "添加"
+  },
+  "rightSidebar": {
+    "backgroundColorEditor": {
+      "label": "背景颜色",
+      "transparent": "透明"
+    },
+    "editing": "编辑",
+    "globalPageStylesTitle": "全局页面样式",
+    "globalPageStylesDescription": "应用影响整个页面的样式。这些设置包括全局字体、文本颜色、背景颜色和适用于所有部分的其他通用样式。",
+    "updatePageStyles": "更新页面样式",
+    "downloadHtmlTitle": "下载 HTML",
+    "downloadHtmlDescription": "将整个页面导出为独立的 HTML 文件。这包括所有部分、内容和应用的样式，可随时使用或集成到其他地方。",
+    "downloadHtmlButton": "下载 HTML 文件"
+  }
+}

package/src/main.ts

@@ -5,11 +5,16 @@ import { initPageBuilder } from './composables/builderInstance'
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import App from './App.vue'
+import { setupI18n } from './i18n'
 
-initPageBuilder()
+async function bootstrap() {
+  const i18n = await setupI18n()
+  initPageBuilder(i18n)
 
-const app = createApp(App)
+  const app = createApp(App)
+  app.use(createPinia())
+  app.use(i18n)
+  app.mount('#app')
+}
 
-app.use(createPinia())
-
-app.mount('#app')
+bootstrap()