feat: Поправлена главная страница

Author: Luferov Victor

client/components/raai/RaaiGoals.vue

@@ -1,18 +1,18 @@
 <template lang="pug">
-v-container
+v-sheet
   v-card.text-center.py-16(flat)
       v-row.justify-center
         v-col(cols="12" md="8")
           v-card-title.justify-center.display-1 Российская ассоциация искусственного интеллекта (РАИИ)
-          v-card-text.headline Общероссийская общественная организация «Российская ассоциация искусственного интеллекта» является общественным объединением, основанным на членстве лиц, профессиональная деятельность которых связана с теоретическими и прикладными исследованиями и разработками в области искусственного интеллекта.
+          v-card-text.subtitle-1 Общероссийская общественная организация «Российская ассоциация искусственного интеллекта» является общественным объединением, основанным на членстве лиц, профессиональная деятельность которых связана с теоретическими и прикладными исследованиями и разработками в области искусственного интеллекта.
   v-card.py-16(flat)
     v-row.justify-center
-      v-card-title.display-1 Основные цели РАИИ
+      v-card-title.my-5.display-1 Основные цели РАИИ
     v-item-group
       v-row.justify-center
         v-col.text-center(cols="12" sm="4" v-for="(item, i) in goals" :key="i")
-          v-icon.indigo--text.text--accent-4.outlined(size="100" color="indigo accent-4" center="true") mdi-{{ item.icon }}
-          v-card-text.headline {{ item.text }}
+          v-icon.indigo--text.text--accent-4.outlined(size="60" color="indigo accent-4" center="true") mdi-{{ item.icon }}
+          v-card-text.body-1 {{ item.text }}
 </template>
 
 <script lang="ts">

client/components/raai/RaaiIndex.vue

@@ -1,15 +1,13 @@
 <template lang="pug">
 v-container
-  raai-carousel
   slot
   raai-goals
 </template>
 
 <script lang="ts">
-import RaaiCarousel from '~/components/raai/RaaiCarousel.vue'
 import RaaiGoals from '~/components/raai/RaaiGoals.vue'
 
 export default defineComponent({
-  components: { RaaiCarousel, RaaiGoals }
+  components: { RaaiGoals }
 })
 </script>

client/package.json

@@ -13,12 +13,12 @@
     "test": "jest"
   },
   "dependencies": {
-    "@babel/preset-env": "^7.18.10",
+    "@babel/preset-env": "^7.20.2",
     "@nuxtjs/apollo": "^4.0.1-rc.5",
     "@nuxtjs/i18n": "^7.3.0",
     "@nuxtjs/vuetify": "^1.12.3",
     "@pinia/nuxt": "^0.4.1",
-    "@vue/apollo-composable": "^4.0.0-alpha.19",
+    "@vue/apollo-composable": "^4.0.0-beta.4",
     "@vueuse/core": "^9.13.0",
     "@vueuse/integrations": "^9.13.0",
     "accounting": "^0.4.1",
@@ -33,21 +33,21 @@
     "vee-validate": "^3.4.14",
     "vue-apexcharts": "^1.6.2",
     "vue-rx": "^6.2.0",
-    "vuetify": "^2.6.9"
+    "vuetify": "^2.6.14"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.13",
-    "@babel/eslint-parser": "^7.18.9",
-    "@babel/plugin-proposal-decorators": "^7.18.10",
-    "@babel/plugin-proposal-optional-chaining": "^7.18.9",
-    "@graphql-codegen/cli": "^2.11.8",
-    "@graphql-codegen/schema-ast": "^2.5.1",
-    "@graphql-codegen/typescript": "^2.7.3",
-    "@graphql-codegen/typescript-operations": "^2.5.3",
-    "@graphql-codegen/typescript-vue-apollo": "^3.3.3",
-    "@mdi/font": "^7.0.96",
+    "@babel/core": "^7.21.3",
+    "@babel/eslint-parser": "^7.21.3",
+    "@babel/plugin-proposal-decorators": "^7.21.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@graphql-codegen/cli": "^3.2.2",
+    "@graphql-codegen/schema-ast": "^3.0.1",
+    "@graphql-codegen/typescript": "^3.0.2",
+    "@graphql-codegen/typescript-operations": "^3.0.2",
+    "@graphql-codegen/typescript-vue-apollo": "^3.3.7",
+    "@mdi/font": "^7.2.96",
     "@nuxt/bridge": "npm:@nuxt/bridge-edge",
-    "@nuxt/types": "^2.15.8",
+    "@nuxt/types": "^2.16.2",
     "@nuxtjs/color-mode": "^3.1.4",
     "@nuxtjs/eslint-config-typescript": "^10.0.0",
     "@tiptap/core": "^2.0.0-beta.176",
@@ -81,15 +81,15 @@
     "@tiptap/vue-2": "^2.0.0-beta.79",
     "@typescript-eslint/eslint-plugin": "^5.36.0",
     "@typescript-eslint/parser": "^5.36.0",
-    "core-js": "^3.25.0",
+    "core-js": "^3.29.1",
     "eslint": "8.22.0",
-    "eslint-import-resolver-typescript": "^3.5.0",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-import-resolver-typescript": "^3.5.3",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-nuxt": "^3.2.0",
     "pug": "^3.0.2",
     "pug-plain-loader": "^1.1.0",
-    "rxjs": "^7.5.5",
-    "typescript": "^4.8.2",
+    "rxjs": "^7.8.0",
+    "typescript": "^4.9.5",
     "vue-class-component": "^7.2.6",
     "vue-property-decorator": "^9.1.2"
   }

client/pages/index.vue

@@ -1,12 +1,11 @@
 <template lang="pug">
-component(:is="BUILD === 'raai' ? 'raai-index' : 'v-container'")
+raai-index
   page-segment(v-if="!loading" v-for="segment in segments" :key="segment.id" :segment="segment")
   v-row(v-else)
     v-progress-circular.mt-12.mx-auto(size="60" color="primary" indeterminate)
 </template>
 
 <script lang="ts">
-import { VContainer } from 'vuetify/lib/components'
 import { defineComponent, useNuxt2Meta, useRuntimeConfig } from '#app'
 import { SegmentsQuery, SegmentsQueryVariables } from '~/types/graphql'
 import { useCommonQuery, useI18n } from '~/composables'
@@ -15,7 +14,7 @@ import PageSegment from '~/components/pages/PageSegment.vue'
 import RaaiIndex from '~/components/raai/RaaiIndex.vue'
 
 export default defineComponent({
-  components: { RaaiIndex, PageSegment, VContainer },
+  components: { RaaiIndex, PageSegment },
   setup () {
     const { BUILD } = useRuntimeConfig()
     const { t } = useI18n()