From c0ed93b757edb7e72b8b825495030d1c1720d769 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:07:18 +0300 Subject: [PATCH 01/36] fix(#3304): fix useSize composable --- packages/ui/src/composables/useSize.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/ui/src/composables/useSize.ts b/packages/ui/src/composables/useSize.ts index 4df925b263..ac2d9eb8b8 100644 --- a/packages/ui/src/composables/useSize.ts +++ b/packages/ui/src/composables/useSize.ts @@ -73,14 +73,14 @@ export const useSize = ( const { defaultSize, sizes } = props.sizesConfig const defaultSizeGlobal = sizesConfigGlobal.value?.defaultSize - if (!props.size) { return `${defaultSizeGlobal || defaultSize}px` } + if (!props.size) { return `${defaultSize || defaultSizeGlobal}px` } if (typeof props.size === 'string') { const sizeFromGlobalConfig = sizesConfigGlobal.value?.sizes?.[props.size] const sizeFromProps = sizes[props.size] - if (sizeFromGlobalConfig) { return `${sizeFromGlobalConfig}px` } if (sizeFromProps) { return `${sizeFromProps}px` } + if (sizeFromGlobalConfig) { return `${sizeFromGlobalConfig}px` } return props.size } From 65c00998e1bdbedfcef491d178bec68a70b6b658 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:13:58 +0300 Subject: [PATCH 02/36] fix(#3304): update assets --- packages/docs/assets/fonts.scss | 38 +++++++++++++++------------- packages/docs/assets/smart-grid.scss | 22 ++++++++++------ packages/docs/assets/variables.scss | 13 ++++++++++ 3 files changed, 47 insertions(+), 26 deletions(-) create mode 100644 packages/docs/assets/variables.scss diff --git a/packages/docs/assets/fonts.scss b/packages/docs/assets/fonts.scss index cf9c36c824..6768839eb5 100644 --- a/packages/docs/assets/fonts.scss +++ b/packages/docs/assets/fonts.scss @@ -2,22 +2,24 @@ @mixin title-font() { font-weight: 900; font-size: 4.5rem; + line-height: 1; - @include lg(font-size, 4rem); - @include md(font-size, 3rem); - @include sm(font-size, 2.5rem); + @include lg(font-size, 4.5rem); + @include md(font-size, 4rem); + @include sm(font-size, 3.0rem); @include xs(font-size, 2rem); } // sub headers @mixin subtitle-font() { - font-weight: 700; - font-size: 1.4rem; + font-weight: 900; + font-size: 4rem; + line-height: 1; - @include lg(font-size, 1.4rem); - @include md(font-size, 1.3rem); - @include sm(font-size, 1.25rem); - @include xs(font-size, 1.2rem); + @include lg(font-size, 4rem); + @include md(font-size, 3.5rem); + @include sm(font-size, 2.5rem); + @include xs(font-size, 2.0rem); } // text @@ -25,10 +27,10 @@ font-weight: normal; font-size: 1.2rem; - @include lg(font-size, 1rem); - @include md(font-size, 0.95rem); - @include sm(font-size, 0.925rem); - @include xs(font-size, 0.9rem); + @include lg(font-size, 1.2rem); + @include md(font-size, 1.2rem); + @include sm(font-size, 1.2rem); + @include xs(font-size, 1.2rem); } // link @@ -45,12 +47,12 @@ // button @mixin button-font() { font-weight: 600; - font-size: 1.1rem; + font-size: 1.2rem; - @include lg(font-size, 1rem); - @include md(font-size, 0.95rem); - @include sm(font-size, 0.925rem); - @include xs(font-size, 0.9rem); + @include lg(font-size, 1.2rem); + @include md(font-size, 1.2rem); + @include sm(font-size, 1.2rem); + @include xs(font-size, 1.2rem); } // code diff --git a/packages/docs/assets/smart-grid.scss b/packages/docs/assets/smart-grid.scss index 993ba0e0ed..f9821c03de 100644 --- a/packages/docs/assets/smart-grid.scss +++ b/packages/docs/assets/smart-grid.scss @@ -2,12 +2,12 @@ $columns: 12; -$break_lg: 1100px; -$break_md: 960px; -$break_sm: 780px; -$break_xs: 560px; +$break_lg: 1920px; +$break_md: 1440px; +$break_sm: 1024px; +$break_xs: 640px; -$offset: 30px; +$offset: 32px; $offset_lg: $offset; $offset_md: $offset; $offset_sm: $offset; @@ -19,7 +19,7 @@ $offset_md_one_side: ($offset_md * 0.5); $offset_sm_one_side: ($offset_sm * 0.5); $offset_xs_one_side: ($offset_xs * 0.5); -$fields: 15px; +$fields: 1rem; @mixin wrapper-full() { padding-left: $fields; @@ -36,8 +36,8 @@ $fields: 15px; #{$type}-right: $offset_one_side; } -@mixin wrapper() { - max-width: 1280px; +@mixin wrapper($width: 1440px) { + max-width: $width; margin: 0 auto; @include wrapper-full(); @@ -123,6 +123,12 @@ $fields: 15px; @include sm(margin-left, #{calc(#{$val} + #{$offset_sm_one_side})}); } +@mixin shift-sm-right($n) { + $val: math.div(100%, $columns) * $n; + + @include md(margin-right, #{calc(#{$val} + #{$offset_sm_one_side})}); +} + @mixin shift-xs-left($n) { $val: math.div(100%, $columns) * $n; diff --git a/packages/docs/assets/variables.scss b/packages/docs/assets/variables.scss new file mode 100644 index 0000000000..16d24f957a --- /dev/null +++ b/packages/docs/assets/variables.scss @@ -0,0 +1,13 @@ +:root { + --bg-header: #5887F9; + --bg-preview-1: #5887F9; + --bg-preview-2: #759EED; + --bg-partners: #5986F0; + --bg-customize-1: #8667F5; + --bg-customize-2: #9799EE; + --bg-seamless: #F4F9FC; + --bg-admin: #F4F9FC; + + --header-height: 4rem; + --header-z-index: 2000; +} From d73b8a55b33b54777e177c1068014799e42dc621 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:17:27 +0300 Subject: [PATCH 03/36] fix(#3304): add svg images --- .../public/landing/customize-everything.svg | 237 ++++++++++ .../landing/features/features-accessible.svg | 7 + .../landing/features/features-compatible.svg | 3 + .../landing/features/features-configure.svg | 9 + .../landing/features/features-integrates.svg | 7 + .../landing/features/features-responsive.svg | 5 + .../landing/features/features-support.svg | 7 + .../landing/features/features-theme.svg | 10 + .../docs/public/landing/preview-features.svg | 446 ++++++++++++++++++ 9 files changed, 731 insertions(+) create mode 100644 packages/docs/public/landing/customize-everything.svg create mode 100644 packages/docs/public/landing/features/features-accessible.svg create mode 100644 packages/docs/public/landing/features/features-compatible.svg create mode 100644 packages/docs/public/landing/features/features-configure.svg create mode 100644 packages/docs/public/landing/features/features-integrates.svg create mode 100644 packages/docs/public/landing/features/features-responsive.svg create mode 100644 packages/docs/public/landing/features/features-support.svg create mode 100644 packages/docs/public/landing/features/features-theme.svg create mode 100644 packages/docs/public/landing/preview-features.svg diff --git a/packages/docs/public/landing/customize-everything.svg b/packages/docs/public/landing/customize-everything.svg new file mode 100644 index 0000000000..d429c6ded8 --- /dev/null +++ b/packages/docs/public/landing/customize-everything.svg @@ -0,0 +1,237 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/docs/public/landing/features/features-accessible.svg b/packages/docs/public/landing/features/features-accessible.svg new file mode 100644 index 0000000000..41435d4770 --- /dev/null +++ b/packages/docs/public/landing/features/features-accessible.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/docs/public/landing/features/features-compatible.svg b/packages/docs/public/landing/features/features-compatible.svg new file mode 100644 index 0000000000..188ee3a29e --- /dev/null +++ b/packages/docs/public/landing/features/features-compatible.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/docs/public/landing/features/features-configure.svg b/packages/docs/public/landing/features/features-configure.svg new file mode 100644 index 0000000000..07d90e0f11 --- /dev/null +++ b/packages/docs/public/landing/features/features-configure.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/packages/docs/public/landing/features/features-integrates.svg b/packages/docs/public/landing/features/features-integrates.svg new file mode 100644 index 0000000000..8e407e70aa --- /dev/null +++ b/packages/docs/public/landing/features/features-integrates.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/docs/public/landing/features/features-responsive.svg b/packages/docs/public/landing/features/features-responsive.svg new file mode 100644 index 0000000000..e6dd30b7f7 --- /dev/null +++ b/packages/docs/public/landing/features/features-responsive.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/docs/public/landing/features/features-support.svg b/packages/docs/public/landing/features/features-support.svg new file mode 100644 index 0000000000..3651953cbd --- /dev/null +++ b/packages/docs/public/landing/features/features-support.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/packages/docs/public/landing/features/features-theme.svg b/packages/docs/public/landing/features/features-theme.svg new file mode 100644 index 0000000000..b2398f39b7 --- /dev/null +++ b/packages/docs/public/landing/features/features-theme.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/packages/docs/public/landing/preview-features.svg b/packages/docs/public/landing/preview-features.svg new file mode 100644 index 0000000000..e3220543a3 --- /dev/null +++ b/packages/docs/public/landing/preview-features.svg @@ -0,0 +1,446 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 18339a5eea8b29f46211aacabe94ddf0403ded59 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:19:09 +0300 Subject: [PATCH 04/36] fix(#3304): update vuestic-config --- packages/docs/config/vuestic-config.ts | 25 +++++++++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) diff --git a/packages/docs/config/vuestic-config.ts b/packages/docs/config/vuestic-config.ts index 914daa8cba..f6811ea31d 100644 --- a/packages/docs/config/vuestic-config.ts +++ b/packages/docs/config/vuestic-config.ts @@ -4,8 +4,7 @@ import { icons } from './icons-config/icons-config' const scrollWrapperSelector = '.docs-layout__main-content' const VaButtonLandingHeader = { - round: false, - size: 'large', + color: 'textInverted', plain: true, 'hover-behavior': 'mask', 'hover-mask-color': 'textPrimary', @@ -55,6 +54,28 @@ export const VuesticConfig = defineVuesticConfig({ backgroundLanding: '#070d14', backgroundLandingBorder: 'rgba(43, 49, 56, 0.8)', }, + landing: { + primary: '#1827A7', + secondary: '#767C88', + success: '#3D9209', + info: '#158DE3', + danger: '#E42222', + warning: '#FFD43A', + + // Background Colors + backgroundPrimary: '#f6f6f6', + backgroundSecondary: '#FFFFFF', + backgroundElement: '#ECF0F1', + backgroundBorder: '#DEE5F2', + + // Text Colors + textPrimary: '#262824', + textInverted: '#FFFFFF', + + // Misc + shadow: 'rgba(0, 0, 0, 0.12)', + focus: '#49A8FF', + }, }, }, }) From c3078b515e36ed8a0932e8a7caf893c480219f39 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:19:43 +0300 Subject: [PATCH 05/36] fix(#3304): update index --- packages/docs/pages/index.vue | 45 ++++++++++++++++++++++------------- 1 file changed, 28 insertions(+), 17 deletions(-) diff --git a/packages/docs/pages/index.vue b/packages/docs/pages/index.vue index bc636c8a96..1c2e33d074 100644 --- a/packages/docs/pages/index.vue +++ b/packages/docs/pages/index.vue @@ -1,31 +1,50 @@ From 6ce04318cf1e5778b5e5e506b4b87314eab0eca5 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:20:51 +0300 Subject: [PATCH 06/36] fix(#3304): update HeaderBanner --- .../docs/components/HeaderBanner.client.vue | 186 ++++++++++-------- 1 file changed, 102 insertions(+), 84 deletions(-) diff --git a/packages/docs/components/HeaderBanner.client.vue b/packages/docs/components/HeaderBanner.client.vue index dc8097f633..c552ffa305 100644 --- a/packages/docs/components/HeaderBanner.client.vue +++ b/packages/docs/components/HeaderBanner.client.vue @@ -10,90 +10,83 @@
{{ $t("landing.header.banner.partner") }} - - - - - Vue.js - - - {{ $t("landing.header.banner.and") }} - - - + + + Vue.js + + + {{ $t("landing.header.banner.and") }} + + - - - - - - - - Nuxt + + + + + + + Nuxt + +
-
+ +
{{ $t("landing.header.banner.hire") }} -
- -
+ icon="close" + preset="secondary" + round + :text-color="textColor" + class="header-banner__buttons--close" + :aria-label="$t('landing.header.banner.close')" + @click="hide" + />
@@ -102,6 +95,9 @@ diff --git a/packages/docs/components/landing/icons/IconFlatlogic.vue b/packages/docs/components/landing/icons/IconFlatlogic.vue index eb4366bb67..efa9259a42 100644 --- a/packages/docs/components/landing/icons/IconFlatlogic.vue +++ b/packages/docs/components/landing/icons/IconFlatlogic.vue @@ -1,77 +1,81 @@ \ No newline at end of file + + diff --git a/packages/docs/components/landing/icons/IconVueJobs.vue b/packages/docs/components/landing/icons/IconVueJobs.vue index 4400f5b4ac..4b2097439e 100644 --- a/packages/docs/components/landing/icons/IconVueJobs.vue +++ b/packages/docs/components/landing/icons/IconVueJobs.vue @@ -1,23 +1,24 @@ \ No newline at end of file + diff --git a/packages/docs/components/landing/icons/IconVuejs.vue b/packages/docs/components/landing/icons/IconVuejs.vue new file mode 100644 index 0000000000..18dda27d64 --- /dev/null +++ b/packages/docs/components/landing/icons/IconVuejs.vue @@ -0,0 +1,47 @@ + diff --git a/packages/docs/components/landing/icons/iconNuxt.vue b/packages/docs/components/landing/icons/iconNuxt.vue index 8ac9cc61c4..238a495e8a 100644 --- a/packages/docs/components/landing/icons/iconNuxt.vue +++ b/packages/docs/components/landing/icons/iconNuxt.vue @@ -1,18 +1,19 @@ > \ No newline at end of file +> From 2e1c7c8ab91f84bc5941a7ae60e19805c24f1031 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:24:18 +0300 Subject: [PATCH 08/36] fix(#3304): add SocialsLinks component --- .../docs/components/landing/SocialsLinks.vue | 78 +++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 packages/docs/components/landing/SocialsLinks.vue diff --git a/packages/docs/components/landing/SocialsLinks.vue b/packages/docs/components/landing/SocialsLinks.vue new file mode 100644 index 0000000000..7f57ae118e --- /dev/null +++ b/packages/docs/components/landing/SocialsLinks.vue @@ -0,0 +1,78 @@ + + + + + From 769727145dd7e34f608fb02414df794afc91c478 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:25:16 +0300 Subject: [PATCH 09/36] fix(#3304): update EpicmaxBanner component --- .../docs/components/landing/EpicmaxBanner.vue | 27 +++++++------------ 1 file changed, 9 insertions(+), 18 deletions(-) diff --git a/packages/docs/components/landing/EpicmaxBanner.vue b/packages/docs/components/landing/EpicmaxBanner.vue index 11068228aa..95dc893096 100644 --- a/packages/docs/components/landing/EpicmaxBanner.vue +++ b/packages/docs/components/landing/EpicmaxBanner.vue @@ -16,25 +16,16 @@ From aefb976667c40eb6848187a39128a51d8944384a Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:34:12 +0300 Subject: [PATCH 12/36] fix(#3304): update VuesticLogo component --- .../components/layout/header/VuesticLogo.vue | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/packages/docs/components/layout/header/VuesticLogo.vue b/packages/docs/components/layout/header/VuesticLogo.vue index f77a7bf014..eebd6db254 100644 --- a/packages/docs/components/layout/header/VuesticLogo.vue +++ b/packages/docs/components/layout/header/VuesticLogo.vue @@ -6,7 +6,7 @@ fill="none" viewBox="0 0 180 20" > From a19e59400a8935f6ef50be29938faf52d011c9ee Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:34:49 +0300 Subject: [PATCH 13/36] fix(#3304): update Header --- packages/docs/components/landing/Header.vue | 329 ++++++++------------ 1 file changed, 125 insertions(+), 204 deletions(-) diff --git a/packages/docs/components/landing/Header.vue b/packages/docs/components/landing/Header.vue index 3f0fae838f..48d9b2af77 100644 --- a/packages/docs/components/landing/Header.vue +++ b/packages/docs/components/landing/Header.vue @@ -1,6 +1,7 @@ From d54cef5e20e958dd6000284c37158b8af0425264 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:35:06 +0300 Subject: [PATCH 14/36] fix(#3304): update Preview --- packages/docs/components/landing/Preview.vue | 253 +++---------------- 1 file changed, 37 insertions(+), 216 deletions(-) diff --git a/packages/docs/components/landing/Preview.vue b/packages/docs/components/landing/Preview.vue index bf0a515069..eb575160cb 100644 --- a/packages/docs/components/landing/Preview.vue +++ b/packages/docs/components/landing/Preview.vue @@ -1,26 +1,27 @@ - From 14bf80099f843e2d979e81dc3e42c7466955acc8 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:38:35 +0300 Subject: [PATCH 21/36] fix(#3304): update Footer --- packages/docs/components/landing/Footer.vue | 323 ++++++++++---------- 1 file changed, 159 insertions(+), 164 deletions(-) diff --git a/packages/docs/components/landing/Footer.vue b/packages/docs/components/landing/Footer.vue index 3acac7ba8d..8377520a84 100644 --- a/packages/docs/components/landing/Footer.vue +++ b/packages/docs/components/landing/Footer.vue @@ -5,267 +5,262 @@ >
- -
- - - {{ $t("landing.footer.buttons.epicmax") }} - - +
- - {{ $t("landing.footer.buttons.admin") }} - +

+ {{ $t(title) }} +

+
    +
  • + + {{ $t(item.label) }} + +
    • +
+
+
+ +
+ +
+ +
- {{ $t("landing.footer.buttons.spinners") }} - -
- + + +
© {{ currentYear }} {{ $t("landing.footer.text") }} hello@epicmax.co
- +
From 0b81d5c26f3f857a6e2e9eb83ae0788c4687aca5 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 12:39:05 +0300 Subject: [PATCH 22/36] fix(#3304): update locals --- packages/docs/locales/en.json | 82 +++++++++++++++++++++++++---------- packages/docs/locales/ru.json | 75 ++++++++++++++++++++++++-------- 2 files changed, 114 insertions(+), 43 deletions(-) diff --git a/packages/docs/locales/en.json b/packages/docs/locales/en.json index d801755229..15645a1389 100644 --- a/packages/docs/locales/en.json +++ b/packages/docs/locales/en.json @@ -1,9 +1,17 @@ { "landing": { + "socials": { + "github": "go to the vuestic ui github page", + "discord": "go to the vuestic ui discord channel", + "facebook": "go to the vuestic ui facebook page", + "twitter": "go to the vuestic ui twitter page" + }, "header": { "buttons": { "overview": "Overview", "docs": "Docs", + "contribute": "Contribute", + "contactUs": "Contact Us", "github": "GitHub", "discord": "Discord", "translation": "Add translation...", @@ -14,33 +22,38 @@ "banner": { "partner": "Official Partner of", "and": "and", - "hire": "\uD83D\uDD25\uD83D\uDD25\uD83D\uDD25 Hire us" + "hire": "\uD83D\uDD25\uD83D\uDD25\uD83D\uDD25 Hire us", + "close": "close banner" } }, "preview": { "title": "Vue 3 UI Framework", "buttons": { - "start": "Get started", + "start": "Get Started", "github": "View on GitHub", "askForStars": "Star on Github will help people to discover Vuestic" }, - "features": { - "components": { - "title": "60 Responsive Components", - "text": "Available components docs" - }, - "accessibility": { - "title": "Accessibility", - "text": "Accessibility guides" - }, - "browsers": { - "title": "Modern Browsers Support", - "text": "Supported browsers list" - } - } + "image": "Component examples" }, "partners": { - "title": "Partners & Sponsors ❤️" + "title": "Our beloved Partners & Sponsors that support us ❤️" + }, + "features": { + "title": "Features", + "description": [ + "Vuestic UI is an OpenSource Vue 3 based UI framework. It is a MIT-licensed UI framework that provides ready-to-use frontend components that are easily configurable and speed up development of responsive and fast-loading web interfaces. It was initially released in May 2021 by", + "and that is what Vuestic UI today." + ], + "items": [ + "Fully Vue 3 compatible", + "Accessible — because it’s important", + "Fully responsive and supports modern browsers (no IE11, sorry)", + "Configure components globally via config and CSS variables", + "Dark Theme ready to make your app look sexy ", + "Integrates seamlessly with i18n", + "Fast & professional technical support from", + "the core team" + ] }, "seamless": { "title": "Seamless Integration", @@ -53,13 +66,7 @@ "customize": { "title": "Customize Everything", "text": "Make Vuestic UI components match your designs with powerful dynamic configs.", - "tabs": [ - "Form elements", - "Table", - "Misc" - ], - "copy": "Copied to clipboard", - "configuration": "See our configuration guides" + "image": "Vuestic UI components" }, "opensource": { "title": "Open Source", @@ -93,7 +100,34 @@ "admin": "Vuestic Admin", "spinners": "Epic Spinners" }, + "sitemap": { + "resources": [ + "Resources", + "Design Resources", + "Icon Library", + "Third-Party Libraries" + ], + "help": [ + "Help", + "Common Issues", + "Change Log", + "Report Bug" + ], + "community": [ + "Community", + "GitHub", + "Discord", + "Facebook", + "Twitter" + ], + "contactUs": [ + "Contact Us", + "Write Us", + "Join Us" + ] + }, "contactUs": "Contact us", + "epicmaxLink": "Visit Epicmax web-site", "newsBannerText": " \uD83D\uDD25\uD83D\uDD25\uD83D\uDD25 Hi there, we're celebrating our launch on Product Hunt this week! \uD83D\uDE80 We'd love to get your feedback and support! \uD83D\uDE4F", "newsBannerLink": "Visit the launch page", "bannerText": ["expert", "s", "available in", "to build and launch your product"] diff --git a/packages/docs/locales/ru.json b/packages/docs/locales/ru.json index db6d98c414..81fccb7887 100644 --- a/packages/docs/locales/ru.json +++ b/packages/docs/locales/ru.json @@ -1,9 +1,17 @@ { "landing": { + "socials": { + "github": "перейти в github на страницу vuestic ui", + "discord": "перейти в discord в канал vuestic ui", + "facebook": "перейти в facebook на страницу vuestic ui", + "twitter": "перейти в twitter на страницу vuestic ui" + }, "header": { "buttons": { "overview": "Обзор", "docs": "Документация", + "contribute": "Сотрудничать", + "contactUs": "Контакты", "github": "GitHub", "discord": "Discord", "translation": "Добавить перевод...", @@ -14,7 +22,8 @@ "banner": { "partner": "Официальный партнер", "and": "и", - "hire": "\uD83D\uDD25\uD83D\uDD25\uD83D\uDD25 Нанять нас" + "hire": "\uD83D\uDD25\uD83D\uDD25\uD83D\uDD25 Нанять нас", + "close": "закрыть баннер" } }, "preview": { @@ -24,23 +33,26 @@ "github": "Открыть на GitHub", "askForStars": "Звезда на Github поможет людям узнать о Vuestic" }, - "features": { - "components": { - "title": "60 Адаптивных Компонентов", - "text": "Документация компонентов" - }, - "accessibility": { - "title": "Доступность", - "text": "Руководство по доступности" - }, - "browsers": { - "title": "Поддержка Современных Браузеров", - "text": "Список поддерживаемых браузеров" - } - } + "image": "Примеры компонентов" }, "partners": { - "title": "Партнеры & Спонсоры ❤️" + "title": "Партнеры & Спонсоры, которые поддерживают нас ❤️" + }, + "features": { + "title": "Основные особенности", + "description": [ + "Vuestic UI — это Vue 3 платформа пользовательского интерфейса на основе OpenSource. Это платформа пользовательского интерфейса с лицензией MIT, которая предоставляет готовые к использованию внешние компоненты, которые легко настраиваются и ускоряют разработку отзывчивых и быстро загружаемых веб-интерфейсов. Первоначально он был выпущен в мае 2021 года", + ", и это то, что Vuestic UI сегодня." + ], + "items": [ + "Полностью совместим с Vue 3", + "Доступно — потому что важно", + "Полностью отзывчивый и поддерживает современные браузеры (без IE11, извините)", + "Глобальная настройка компонентов с помощью конфигурации и переменных CSS", + "Темная тема готова сделать ваше приложение привлекательным", + "Легко интегрируется с i18n", + "Быстрая и профессиональная техническая поддержка от", + "основной команды" ] }, "seamless": { "title": "Полная интеграция", @@ -53,9 +65,7 @@ "customize": { "title": "Полная настройка", "text": "Обеспечьте соответствие компонентов Vuestic UI вашему дизайну с помощью мощных динамических конфигураций.", - "tabs": ["Элементы формы", "Таблицы", "Разное"], - "copy": "Скопировано", - "configuration": "Посмотрите наше руководство по конфигурации" + "image": "Компоненты Vuestic UI" }, "opensource": { "title": "Открытый исходный код", @@ -89,7 +99,34 @@ "admin": "Vuestic Admin", "spinners": "Epic Spinners" }, + "sitemap": { + "resources": [ + "Ресурсы", + "Дизайн", + "Библиотека иконок", + "Сторонние библиотеки" + ], + "help": [ + "Помощь", + "Вопросы", + "Журнал изменений", + "Сообщить об ошибке" + ], + "community": [ + "Сообщество", + "GitHub", + "Discord", + "Facebook", + "Twitter" + ], + "contactUs": [ + "Наши контакты", + "Написать нам", + "Присоединиться к нам" + ] + }, "contactUs": "Contact us", + "epicmaxLink": "Перейти на сайт Epicmax", "bannerText": ["expert", "s", "available in", "to build and launch your product"] } }, From 352ecf08df6f2c5f7d5ad832e1851e426b99795e Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 13:26:37 +0300 Subject: [PATCH 23/36] fix(#3304): update sitemap --- packages/docs/components/landing/Footer.vue | 30 ++++++++++----------- packages/docs/locales/en.json | 26 +++++++++--------- packages/docs/locales/ru.json | 26 +++++++++--------- 3 files changed, 41 insertions(+), 41 deletions(-) diff --git a/packages/docs/components/landing/Footer.vue b/packages/docs/components/landing/Footer.vue index 8377520a84..f131838e90 100644 --- a/packages/docs/components/landing/Footer.vue +++ b/packages/docs/components/landing/Footer.vue @@ -22,7 +22,7 @@ {{ $t(item.label) }} @@ -107,33 +107,33 @@ const sitemap = [ { title: 'landing.footer.sitemap.resources[0]', items: [ - { label: 'landing.footer.sitemap.resources[1]', component: 'router-link', prop: 'to', value: `/${locale.value}/contribution/translation` }, - { label: 'landing.footer.sitemap.resources[2]', component: 'router-link', prop: 'to', value: `/${locale.value}/contribution/translation` }, - { label: 'landing.footer.sitemap.resources[3]', component: 'router-link', prop: 'to', value: `/${locale.value}/contribution/translation` }, + { label: 'landing.footer.sitemap.resources[1]', component: 'router-link', prop: 'to', value: `/${locale.value}/getting-started/installation` }, + { label: 'landing.footer.sitemap.resources[2]', component: 'router-link', prop: 'to', value: `/${locale.value}/introduction/roadmap` }, + { label: 'landing.footer.sitemap.resources[3]', component: 'router-link', prop: 'to', value: `/${locale.value}/introduction/accessibility-guide` }, ] }, { - title: 'landing.footer.sitemap.help[0]', + title: 'landing.footer.sitemap.support[0]', items: [ - { label: 'landing.footer.sitemap.help[1]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui' }, - { label: 'landing.footer.sitemap.help[2]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui' }, - { label: 'landing.footer.sitemap.help[3]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui' }, + { label: 'landing.footer.sitemap.support[1]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui/' }, + { label: 'landing.footer.sitemap.support[2]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui/issues/new/choose' }, + { label: 'landing.footer.sitemap.support[3]', component: 'router-link', prop: 'to', value: `/${locale.value}/contribution/guide` }, ] }, { title: 'landing.footer.sitemap.community[0]', items: [ - { label: 'landing.footer.sitemap.community[1]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui' }, - { label: 'landing.footer.sitemap.community[2]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui' }, - { label: 'landing.footer.sitemap.community[3]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui' }, - { label: 'landing.footer.sitemap.community[4]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui' }, + { label: 'landing.footer.sitemap.community[1]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui/' }, + { label: 'landing.footer.sitemap.community[2]', component: 'a', prop: 'href', value: 'https://discord.com/invite/u7fQdqQt8c' }, + { label: 'landing.footer.sitemap.community[3]', component: 'a', prop: 'href', value: 'https://twitter.com/vuestic_ui' }, ] }, { - title: 'landing.footer.sitemap.contactUs[0]', + title: 'landing.footer.sitemap.about[0]', items: [ - { label: 'landing.footer.sitemap.contactUs[1]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui' }, - { label: 'landing.footer.sitemap.contactUs[2]', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui' }, + { label: 'landing.footer.sitemap.about[1]', component: 'router-link', prop: 'to', value: `/${locale.value}/introduction/team` }, + { label: 'landing.footer.sitemap.about[2]', component: 'a', prop: 'href', value: 'mailto:hello@epicmax.co' }, + { label: 'landing.footer.sitemap.about[3]', component: 'a', prop: 'href', value: 'mailto:hello@epicmax.co?subject=VuesticUI Partnership' }, ] }, ] diff --git a/packages/docs/locales/en.json b/packages/docs/locales/en.json index 15645a1389..cd9a86b9fe 100644 --- a/packages/docs/locales/en.json +++ b/packages/docs/locales/en.json @@ -103,27 +103,27 @@ "sitemap": { "resources": [ "Resources", - "Design Resources", - "Icon Library", - "Third-Party Libraries" + "Getting Started", + "Roadmap", + "Accessibility" ], - "help": [ - "Help", - "Common Issues", - "Change Log", - "Report Bug" + "support": [ + "Support", + "Give us a star", + "Report an issue", + "Contribute" ], "community": [ "Community", "GitHub", "Discord", - "Facebook", "Twitter" ], - "contactUs": [ - "Contact Us", - "Write Us", - "Join Us" + "about": [ + "About", + "Meet the Team", + "Contact us", + "Become a Partner" ] }, "contactUs": "Contact us", diff --git a/packages/docs/locales/ru.json b/packages/docs/locales/ru.json index 81fccb7887..485c700430 100644 --- a/packages/docs/locales/ru.json +++ b/packages/docs/locales/ru.json @@ -102,27 +102,27 @@ "sitemap": { "resources": [ "Ресурсы", - "Дизайн", - "Библиотека иконок", - "Сторонние библиотеки" + "Начало работы", + "План действий", + "Доступность" ], - "help": [ - "Помощь", - "Вопросы", - "Журнал изменений", - "Сообщить об ошибке" + "support": [ + "Поддержка", + "Оцените нас звездочкой", + "Сообщить об ошибке", + "Внести свой вклад" ], "community": [ "Сообщество", "GitHub", "Discord", - "Facebook", "Twitter" ], - "contactUs": [ - "Наши контакты", - "Написать нам", - "Присоединиться к нам" + "about": [ + "О нас", + "Наша команда", + "Связаться с нами", + "Стать партнером" ] }, "contactUs": "Contact us", From b89f6f6e1047b543548c65832b9337cccdd26173 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 13:27:21 +0300 Subject: [PATCH 24/36] fix(#3304): remove facebook from socials --- packages/docs/components/landing/SocialsLinks.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/docs/components/landing/SocialsLinks.vue b/packages/docs/components/landing/SocialsLinks.vue index 7f57ae118e..e7c243e48e 100644 --- a/packages/docs/components/landing/SocialsLinks.vue +++ b/packages/docs/components/landing/SocialsLinks.vue @@ -54,7 +54,7 @@ const styleComputed = computed(() => { const socials = [ { href: 'https://github.com/epicmaxco/vuestic-ui/', label: 'landing.socials.github', icon: 'fa fa-github' }, { href: 'https://discord.gg/u7fQdqQt8c', label: 'landing.socials.discord', icon: 'fa fa-discord' }, - { href: 'https://www.facebook.com/epicmaxco/', label: 'landing.socials.facebook', icon: 'fab fa-facebook' }, + // { href: 'https://www.facebook.com/epicmaxco/', label: 'landing.socials.facebook', icon: 'fab fa-facebook' }, { href: 'https://twitter.com/epicmaxco', label: 'landing.socials.twitter', icon: 'fa fa-twitter' }, ] From cd90f452696a4ba3186478ea7029fdf0aa17a7c4 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 13:28:50 +0300 Subject: [PATCH 25/36] fix(#3304): remove outdated images --- packages/docs/public/landing/cross.svg | 4 ---- .../docs/public/landing/features/components.svg | 6 ------ .../landing/features/keyboard-navigation.svg | 1 - .../public/landing/features/modern-browsers.svg | 1 - .../public/landing/features/nuxt-support.svg | 1 - packages/docs/public/landing/hamburger.svg | 12 ------------ .../docs/public/landing/icon-open-source.svg | 1 - packages/docs/public/landing/pattern-2.svg | 10 ---------- packages/docs/public/landing/pattern-3.svg | 17 ----------------- packages/docs/public/landing/pattern.svg | 5 ----- packages/docs/public/landing/vector-bg.svg | 12 ------------ 11 files changed, 70 deletions(-) delete mode 100644 packages/docs/public/landing/cross.svg delete mode 100644 packages/docs/public/landing/features/components.svg delete mode 100644 packages/docs/public/landing/features/keyboard-navigation.svg delete mode 100644 packages/docs/public/landing/features/modern-browsers.svg delete mode 100644 packages/docs/public/landing/features/nuxt-support.svg delete mode 100644 packages/docs/public/landing/hamburger.svg delete mode 100644 packages/docs/public/landing/icon-open-source.svg delete mode 100644 packages/docs/public/landing/pattern-2.svg delete mode 100644 packages/docs/public/landing/pattern-3.svg delete mode 100644 packages/docs/public/landing/pattern.svg delete mode 100644 packages/docs/public/landing/vector-bg.svg diff --git a/packages/docs/public/landing/cross.svg b/packages/docs/public/landing/cross.svg deleted file mode 100644 index 7f0b0b0f65..0000000000 --- a/packages/docs/public/landing/cross.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/packages/docs/public/landing/features/components.svg b/packages/docs/public/landing/features/components.svg deleted file mode 100644 index bb1eb4b128..0000000000 --- a/packages/docs/public/landing/features/components.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/packages/docs/public/landing/features/keyboard-navigation.svg b/packages/docs/public/landing/features/keyboard-navigation.svg deleted file mode 100644 index 953f0ba04b..0000000000 --- a/packages/docs/public/landing/features/keyboard-navigation.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/docs/public/landing/features/modern-browsers.svg b/packages/docs/public/landing/features/modern-browsers.svg deleted file mode 100644 index 4205798303..0000000000 --- a/packages/docs/public/landing/features/modern-browsers.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/docs/public/landing/features/nuxt-support.svg b/packages/docs/public/landing/features/nuxt-support.svg deleted file mode 100644 index 5c3952c738..0000000000 --- a/packages/docs/public/landing/features/nuxt-support.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/docs/public/landing/hamburger.svg b/packages/docs/public/landing/hamburger.svg deleted file mode 100644 index fa782912fa..0000000000 --- a/packages/docs/public/landing/hamburger.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/packages/docs/public/landing/icon-open-source.svg b/packages/docs/public/landing/icon-open-source.svg deleted file mode 100644 index c5d86ab44c..0000000000 --- a/packages/docs/public/landing/icon-open-source.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/packages/docs/public/landing/pattern-2.svg b/packages/docs/public/landing/pattern-2.svg deleted file mode 100644 index 4d9ffdb883..0000000000 --- a/packages/docs/public/landing/pattern-2.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - diff --git a/packages/docs/public/landing/pattern-3.svg b/packages/docs/public/landing/pattern-3.svg deleted file mode 100644 index 71c1a0a8e9..0000000000 --- a/packages/docs/public/landing/pattern-3.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - - - - - - diff --git a/packages/docs/public/landing/pattern.svg b/packages/docs/public/landing/pattern.svg deleted file mode 100644 index 3f37478626..0000000000 --- a/packages/docs/public/landing/pattern.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/packages/docs/public/landing/vector-bg.svg b/packages/docs/public/landing/vector-bg.svg deleted file mode 100644 index 7a22359672..0000000000 --- a/packages/docs/public/landing/vector-bg.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - From 313ce158942939601c18462fd7a9504ffc39d8a9 Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 13:57:09 +0300 Subject: [PATCH 26/36] fix(#3304): minor styles --- packages/docs/components/landing/NewsBanner.vue | 2 +- .../page-config/introduction/roadmap/components/roadmap.vue | 2 +- .../page-config/introduction/team/components/team-banner.vue | 2 +- packages/docs/page-config/introduction/team/components/team.vue | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/docs/components/landing/NewsBanner.vue b/packages/docs/components/landing/NewsBanner.vue index 21305774a3..acd59ecdb9 100644 --- a/packages/docs/components/landing/NewsBanner.vue +++ b/packages/docs/components/landing/NewsBanner.vue @@ -67,7 +67,7 @@ const isCloseableAlertVisible = ref(true) @include sm(align-self, end); } - ::v-deep .va-alert__close { + :deep(.va-alert__close) { position: absolute; top: 0.5rem; right: 0.5rem; diff --git a/packages/docs/page-config/introduction/roadmap/components/roadmap.vue b/packages/docs/page-config/introduction/roadmap/components/roadmap.vue index fab362ff4b..81fd03335b 100644 --- a/packages/docs/page-config/introduction/roadmap/components/roadmap.vue +++ b/packages/docs/page-config/introduction/roadmap/components/roadmap.vue @@ -110,7 +110,7 @@ const columns = computed(() => $gap: 1rem; .docs-roadmap { - margin: 0 -$gap; + margin: 0 (-$gap); &__columns { margin: calc($gap / 2); diff --git a/packages/docs/page-config/introduction/team/components/team-banner.vue b/packages/docs/page-config/introduction/team/components/team-banner.vue index bd295a7f22..47eeba7f8a 100644 --- a/packages/docs/page-config/introduction/team/components/team-banner.vue +++ b/packages/docs/page-config/introduction/team/components/team-banner.vue @@ -8,7 +8,7 @@ $gap: 1rem; .docs-team { - margin: 0 -$gap; + margin: 0 (-$gap); } .team-banner .epicmax__banner-content { diff --git a/packages/docs/page-config/introduction/team/components/team.vue b/packages/docs/page-config/introduction/team/components/team.vue index 0d8975db25..39eec817dd 100644 --- a/packages/docs/page-config/introduction/team/components/team.vue +++ b/packages/docs/page-config/introduction/team/components/team.vue @@ -78,7 +78,7 @@ useHead({ $gap: 1rem; .docs-team { - margin: 0 -$gap; + margin: 0 (-$gap); &__avatar-wrapper { display: flex; From a6dc9352dcdcabac4dfdc74fa616e984e3a6ebcb Mon Sep 17 00:00:00 2001 From: Vitaly Raicheu Date: Mon, 17 Apr 2023 14:07:37 +0300 Subject: [PATCH 27/36] fix(#3304): remove importing defineProps and defineEmits --- packages/docs/components/HeaderBanner.client.vue | 2 +- packages/docs/components/landing/Header.vue | 2 -- packages/docs/components/landing/SocialsLinks.vue | 2 +- packages/docs/components/landing/icons/IconEpicmaxColor.vue | 2 +- packages/docs/components/layout/header/VuesticLogo.vue | 2 +- 5 files changed, 4 insertions(+), 6 deletions(-) diff --git a/packages/docs/components/HeaderBanner.client.vue b/packages/docs/components/HeaderBanner.client.vue index c552ffa305..d47ed1e735 100644 --- a/packages/docs/components/HeaderBanner.client.vue +++ b/packages/docs/components/HeaderBanner.client.vue @@ -94,7 +94,7 @@ diff --git a/packages/docs/components/landing/StarsButton.vue b/packages/docs/components/landing/StarsButton.vue index 32c9382958..b9f7ecd55c 100644 --- a/packages/docs/components/landing/StarsButton.vue +++ b/packages/docs/components/landing/StarsButton.vue @@ -11,7 +11,7 @@ >