From 8bed3239ded36436ce241101d51b6c8d5a83e706 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=95=D0=B2=D0=B3=D0=B5=D0=BD=D0=B8=D0=B9=20=D0=93=D0=BE?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=B2=D0=BA=D0=B8=D0=BD?=
 <evgeniq.golovkin@gmail.com>
Date: Mon, 22 Apr 2024 16:54:50 +0600
Subject: [PATCH 1/2] add new pages "error" & some fix in form

---
 playground/nuxt.config.ts                    |   3 +-
 src/module.ts                                |  11 ++
 src/runtime/components/Pages/Error/Erg.vue   | 107 +++++++++++++++++++
 src/runtime/components/Pages/TestVuetify.vue |  14 +--
 src/runtime/components/Parts/Forms.vue       |   7 +-
 src/runtime/components/Parts/Slider.vue      |   8 +-
 6 files changed, 138 insertions(+), 12 deletions(-)
 create mode 100644 src/runtime/components/Pages/Error/Erg.vue

diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 28665b4..b819390 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -49,7 +49,8 @@ export default defineNuxtConfig({
       'partsCardScale',
       'partsCardErgNews',
       'partsFilesErg',
-      'partsPagination'
+      'partsPagination',
+      'pagesErrorErg'
     ]
   },
   devtools: { enabled: false },
diff --git a/src/module.ts b/src/module.ts
index d8ef120..1ad8823 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -172,5 +172,16 @@ export default defineNuxtModule<ModuleOptions>({
         ),
       });
     }
+
+    // error page
+
+    if (options.components.includes("pagesErrorErg")) {
+      addComponent({
+        name: "pagesErrorErg",
+        filePath: resolver.resolve(
+          "runtime/components/Pages/Error/Erg.vue"
+        ),
+      });
+    }
   },
 });
diff --git a/src/runtime/components/Pages/Error/Erg.vue b/src/runtime/components/Pages/Error/Erg.vue
new file mode 100644
index 0000000..ec8e1eb
--- /dev/null
+++ b/src/runtime/components/Pages/Error/Erg.vue
@@ -0,0 +1,107 @@
+<template>
+  <v-main>
+    <section class="page__error">
+      <v-container class="d-flex justify-center flex-column h-100 align-center">
+        <span
+          class="page__error-background-number"
+          v-bind="errorAttrs"
+        >
+          {{ error?.statusCode }}
+        </span>
+        <div class="page__error__content text-center">
+          <h1
+            v-if="error?.statusCode === 404"
+            v-bind="titleAttrs"
+            class="mb-4 text-36 font-weight-bold"
+          >
+            {{ title }}
+          </h1>
+          <h1
+            v-else
+            class="mb-4"
+          >
+            {{ otherTitle }}
+          </h1>
+          <p
+            class="mb-8 text-body-1 text-sm-h6 text-md-h5"
+            v-bind="subtitleAttrs"
+          >
+            {{ subtitle }}
+          </p>
+
+          <v-btn
+            color="primary"
+            rounded="xl"
+            class="text-body-1 font-weight-regular"
+            size="x-large"
+            elevation="0"
+            v-bind="buttonAttrs"
+            @click="handleError"
+          >
+            {{ textButton }}
+          </v-btn>
+        </div>
+
+      </v-container>
+    </section>
+  </v-main>
+</template>
+
+<script setup>
+import { useAttrs, ref } from "vue";
+import { useMainStore } from "../../../store/mainStore";
+import { clearError } from "#app";
+const mainStore = useMainStore();
+
+//Attributes
+const attrs = useAttrs();
+const titleAttrs = ref({
+  ...mainStore.getObjectPropertiesWithPrefix(attrs, "title"),
+})
+const errorAttrs = ref({
+  ...mainStore.getObjectPropertiesWithPrefix(attrs, "error")
+})
+const subtitleAttrs = ref({
+  ...mainStore.getObjectPropertiesWithPrefix(attrs, "subtitle")
+})
+const buttonAttrs = ref({
+  ...mainStore.getObjectPropertiesWithPrefix(attrs, "button")
+})
+
+const props = defineProps({
+  error: { type: Object, default: () => {} },
+  title: { type: String, default: () => '' },
+  subtitle: { type: String, default: () => '' },
+  otherTitle: { type: String, default: () => '' },
+  textButton: { type: String, default: () => '' },
+})
+
+const handleError = () => clearError({ redirect: '/' })
+
+</script>
+
+<style lang="scss">
+.page__error {
+  position: relative;
+  height: 50vh;
+  margin: 64px 0 160px 0;
+  &-background-number {
+    position: absolute;
+    font-size: 500px;
+    z-index: 1;
+    @media(max-width: 960px) {
+      font-size: 332px;
+    }
+    @media(max-width: 600px) {
+      font-size: 168px;
+      margin-bottom: 135px;
+    }
+  }
+  &__content {
+    position: relative;
+    z-index: 2;
+    max-width: 573px;
+  }
+
+}
+</style>
diff --git a/src/runtime/components/Pages/TestVuetify.vue b/src/runtime/components/Pages/TestVuetify.vue
index 700b945..ada093f 100644
--- a/src/runtime/components/Pages/TestVuetify.vue
+++ b/src/runtime/components/Pages/TestVuetify.vue
@@ -42,13 +42,13 @@
     <NuxtPage class="bg-primary" />
     <section class="h-100 bg-primary">
       <v-container class="px-4">
-        <parts-pagination
-          :pagination-total-visible="2"
-          :pagination-last-page="10"
-          :text-button-left-pagination="'asd'"
-          :text-button-right-pagination="'asd'"
-          :word-mobile-pagination="'Страница'"
-          :ellipsis-mobile-pagination="'вп'"
+        <pages-error-erg
+          :error="{
+            statusCode: 404
+          }"
+          :title="'page not found'"
+          :subtitle="'page not foundpage not foundpage not foundpage not foundpage not foundpage not found'"
+          :text-button="'page not found'"
         />
       </v-container>
     </section>
diff --git a/src/runtime/components/Parts/Forms.vue b/src/runtime/components/Parts/Forms.vue
index 3579c7a..a1411a8 100644
--- a/src/runtime/components/Parts/Forms.vue
+++ b/src/runtime/components/Parts/Forms.vue
@@ -451,17 +451,18 @@
       >
         <v-row>
           <v-col
-            v-for="contact in contacts"
+            v-for="(contact, index) in contacts"
             :key="contact.title"
             cols="12"
             :sm="contacts.length % 2 === 0 ? 6 : 12"
             lg="12"
-            class="d-flex "
+            class="d-flex justify-lg-end"
           >
             <v-sheet
               color="none"
-              class="mt-3 form__list-wrapper mb-6 mb-sm-7"
+              class="mt-3 form__list-wrapper"
               :max-width="590"
+              :class="index === contacts.length - 1 ? '' : 'mb-6 mb-sm-7'"
             >
               <h2 class="text-dark-1 text-h6 text-sm-h5 font-weight-medium mb-4">
                 {{ contact?.title }}
diff --git a/src/runtime/components/Parts/Slider.vue b/src/runtime/components/Parts/Slider.vue
index 7de0534..469f9e6 100644
--- a/src/runtime/components/Parts/Slider.vue
+++ b/src/runtime/components/Parts/Slider.vue
@@ -78,6 +78,7 @@
                 >
                   {{ slide.title }}
                 </component>
+                <!-- Slide title -->
 
                 <p
                   v-if="slide.subtitle"
@@ -85,7 +86,12 @@
                 >
                   {{ slide.subtitle }}
                 </p>
-                <!-- Slide title -->
+
+                <div
+                  v-if="slide.subTitleHTML"
+                  v-html="slide.subTitleHTML"
+                  v-bind="slide.subTitleAttrs"
+                />
               </div>
 
 

From 0c2e1b0e1c65ecca1357fc475c0875112215e39d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=95=D0=B2=D0=B3=D0=B5=D0=BD=D0=B8=D0=B9=20=D0=93=D0=BE?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=B2=D0=BA=D0=B8=D0=BD?=
 <evgeniq.golovkin@gmail.com>
Date: Mon, 22 Apr 2024 16:55:16 +0600
Subject: [PATCH 2/2] update version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 03dc05c..9b1601e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ibecsystems/nuxt3-ui-kit",
-  "version": "1.0.43",
+  "version": "1.0.44",
   "description": "Ibec Nuxt3 UI components",
   "repository": {
     "type": "git",