@awes-io/ui 2.61.1 → 2.63.0

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.63.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.62.0...@awes-io/ui@2.63.0) (2023-04-07)
+
+
+### Features
+
+* **aw-table-builder:** css classes added ([a94c2a6](https://github.com/awes-io/client/commit/a94c2a6088541beabe88306980bf93644d718429))
+
+
+
+
+
+# [2.62.0](https://github.com/awes-io/client/compare/@awes-io/ui@2.61.1...@awes-io/ui@2.62.0) (2023-01-11)
+
+
+### Bug Fixes
+
+* translations keys updated ([57e8dcc](https://github.com/awes-io/client/commit/57e8dcc44208fb567bc6196b2dac131095030e8e))
+
+
+### Features
+
+* translation keys replaced with values ([90e58da](https://github.com/awes-io/client/commit/90e58dabb389c9c47a33115965f8724845f3ad75))
+* translation keys replaced with values ([f4bcf3a](https://github.com/awes-io/client/commit/f4bcf3aa43231b8a12b39a68cef94059205162d4))
+
+
+
+
+
 ## [2.61.1](https://github.com/awes-io/client/compare/@awes-io/ui@2.61.0...@awes-io/ui@2.61.1) (2023-01-11)
 
 

package/components/1_atoms/AwDropdown.vue

@@ -55,7 +55,7 @@
             <slot v-if="isMobile" name="close">
                 <AwButton
                     theme="ghost"
-                    :text="$t('aw.dropdown.close')"
+                    :text="$t('Close')"
                     color="surface"
                     size="lg"
                     class="aw-dropdown__close"

package/components/2_molecules/AwButton.vue

@@ -168,7 +168,7 @@ export default {
         // loadingText() {
         //     return (
         //         (isType('String', this.loading) && this.loading) ||
-        //         this.$t('aw.button.loading')
+        //         this.$t('Loading...')
         //     )
         // },
 

package/components/2_molecules/AwIsland/AwIsland.vue

@@ -276,14 +276,14 @@ export default {
                 .then(() => {
                     this.$notify({
                         type: 'success',
-                        title: this.$t('ui.general.notify.updated')
+                        title: this.$t('Saved')
                     })
                     this.isOpened = false
                 })
                 .catch(() => {
                     this.$notify({
                         type: 'error',
-                        title: this.$t('ui.general.notify.error')
+                        title: this.$t('Error')
                     })
                 })
         }

package/components/2_molecules/AwIsland/AwIslandBuilder.vue

@@ -16,7 +16,9 @@ export default {
         confirmText: {
             type: String,
             default() {
-                return this.$t('aw.island_builder.cancel_all_changes')
+                return this.$t(
+                    'There is unsaved data on this page. Do you want to discard unsaved data and leave the page?'
+                )
             }
         }
     },
@@ -43,7 +45,9 @@ export default {
 
     created() {
         window.addEventListener('beforeunload', this._beforeWindowClose)
-        this._unregisterRouteHook = this.$router.beforeEach(this._beforeRouteLeave)
+        this._unregisterRouteHook = this.$router.beforeEach(
+            this._beforeRouteLeave
+        )
 
         this.$once('hook:destroyed', () => {
             window.removeEventListener('beforeunload', this._beforeWindowClose)

package/components/2_molecules/AwSelect.vue

@@ -235,7 +235,7 @@
                     data-arrow-focus
                 >
                     <slot name="not-found" :searchPhrase="searchPhrase">
-                        {{ $t('aw.select.not_found') }}
+                        {{ $t('Nothing found') }}
                     </slot>
                 </AwDropdownButton>
             </slot>
@@ -344,7 +344,7 @@ export default {
         createConfirmText: {
             type: String,
             default() {
-                return this.$t('aw.select.new_one')
+                return this.$t('Are you sure, you want to create a new item?')
             }
         },
 

package/components/2_molecules/AwSelectObject.vue

@@ -213,7 +213,7 @@
                 <!-- not found -->
                 <div v-if="_showNotFound" class="aw-select__notify">
                     <slot name="not-found" :searchPhrase="searchPhrase">
-                        {{ $t('aw.select.empty') }}
+                        {{ $t('Nothing found') }}
                     </slot>
                 </div>
 
@@ -223,7 +223,7 @@
                     class="aw-select__notify aw-select__notify--loading"
                 >
                     <slot name="loading">
-                        {{ $t('aw.select.loading') }}
+                        {{ $t('Loading...') }}
                     </slot>
                 </div>
 

package/components/3_organisms/AwAddressBlock.vue

@@ -4,7 +4,7 @@
             <AwAddress
                 ref="address"
                 :gm-language="$i18n.locale || 'en'"
-                :label="$t('aw.address_block.address')"
+                :label="$t('Search for an address')"
                 :error="addressError"
                 :gm-key="gmKey"
                 :timezone="timezone"
@@ -24,62 +24,62 @@
                 </div>
 
                 <AwGrid :col="{ md: 2 }">
-                    <AwInfo :label="$t('aw.address_block.street')">
+                    <AwInfo :label="$t('Street')">
                         <span v-if="model.address.address_1">
                             {{ model.address.address_1 }}
                         </span>
                         <AwLink
                             v-else
-                            :text="$t('aw.address_block.add')"
+                            :text="$t('+ Add')"
                             @click="openModal('address_1')"
                         />
                     </AwInfo>
 
-                    <AwInfo :label="$t('aw.address_block.apt')">
+                    <AwInfo :label="$t('Apt, suite, etc (optional)')">
                         <span v-if="model.address.apt">
                             {{ model.address.apt }}
                         </span>
                         <AwLink
                             v-else
-                            :text="$t('aw.address_block.add')"
+                            :text="$t('+ Add')"
                             @click="openModal('apt')"
                         />
                     </AwInfo>
 
-                    <AwInfo :label="$t('aw.address_block.city')">
+                    <AwInfo :label="$t('City')">
                         <span v-if="model.address.city">
                             {{ model.address.city }}
                         </span>
                         <AwLink
                             v-else
-                            :text="$t('aw.address_block.add')"
+                            :text="$t('+ Add')"
                             @click="openModal('city')"
                         />
                     </AwInfo>
 
-                    <AwInfo :label="$t('aw.address_block.region')">
+                    <AwInfo :label="$t('Region / State')">
                         <span v-if="model.address.region">
                             {{ model.address.region }}
                         </span>
                         <AwLink
                             v-else
-                            :text="$t('aw.address_block.add')"
+                            :text="$t('+ Add')"
                             @click="openModal('region')"
                         />
                     </AwInfo>
 
-                    <AwInfo :label="$t('aw.address_block.postal_code')">
+                    <AwInfo :label="$t('ZIP code')">
                         <span v-if="model.address.postal_code">
                             {{ model.address.postal_code }}
                         </span>
                         <AwLink
                             v-else
-                            :text="$t('aw.address_block.add')"
+                            :text="$t('+ Add')"
                             @click="openModal('postal_code')"
                         />
                     </AwInfo>
 
-                    <AwInfo :label="$t('aw.address_block.country')">
+                    <AwInfo :label="$t('Country')">
                         <span>
                             {{ model.address.meta.google_country_name }}
                         </span>
@@ -118,7 +118,7 @@
             :key="_uid"
             :param="false"
             :name="modalName"
-            :title="$t('aw.address_block.modal.title')"
+            :title="$t('Change address')"
             @opened="onModalOpen"
             @closed="onModalClose"
         >
@@ -126,42 +126,42 @@
                 <AwInput
                     ref="address_1"
                     v-model="address.address_1"
-                    :label="$t('aw.address_block.street')"
+                    :label="$t('Street')"
                     :error="model.errors['address.address_1']"
                 />
 
                 <AwInput
                     ref="apt"
                     v-model="address.apt"
-                    :label="$t('aw.address_block.apt')"
+                    :label="$t('Apt, suite, etc (optional)')"
                     :error="model.errors['address.apt']"
                 />
 
                 <AwInput
                     ref="city"
                     v-model="address.city"
-                    :label="$t('aw.address_block.city')"
+                    :label="$t('City')"
                     :error="model.errors['address.city']"
                 />
 
                 <AwInput
                     ref="region"
                     v-model="address.region"
-                    :label="$t('aw.address_block.region')"
+                    :label="$t('Region / State')"
                     :error="model.errors['address.region']"
                 />
 
                 <AwInput
                     ref="postal_code"
                     v-model="address.postal_code"
-                    :label="$t('aw.address_block.postal_code')"
+                    :label="$t('ZIP code')"
                     :error="model.errors['address.postal_code']"
                 />
 
                 <AwInput
                     ref="country"
                     :value="model.address.meta.google_country_name"
-                    :label="$t('aw.address_block.country')"
+                    :label="$t('Country')"
                     :error="model.errors['address.meta.google_country_name']"
                     disabled
                 />
@@ -170,7 +170,7 @@
             <template #buttons>
                 <div class="flex items-center border-t w-full p-4">
                     <AwButton
-                        :text="$t('aw.address_block.modal.save')"
+                        :text="$t('Save')"
                         style="margin-right: 1rem"
                         @click="saveAddress"
                     />
@@ -181,7 +181,7 @@
                         @click="resetAddress"
                     >
                         <span class="text-dark-blue">
-                            {{ $t('aw.address_block.modal.cancel') }}
+                            {{ $t('Cancel') }}
                         </span>
                     </AwButton>
                 </div>

package/components/3_organisms/AwBirthdayPicker.vue

@@ -27,6 +27,7 @@ import birthdayMixin from '@AwMixins/birthday'
 import errorMixin from '@AwMixins/error'
 import { AwBirthdayPicker as _config } from '@AwConfig'
 import { conf } from '@AwUtils/component'
+import { ucFirst } from '@AwUtils/string'
 
 const KEY_ATTR = 'data-key'
 
@@ -98,7 +99,7 @@ export default {
         label: {
             type: String,
             default() {
-                return this.$t('aw.birthday_picker.birthday')
+                return this.$t('Birthday')
             }
         },
 
@@ -166,7 +167,7 @@ export default {
                 key,
                 [KEY_ATTR]: key,
                 name: this._inputNames[i].name,
-                placeholder: this.$t('aw.birthday_picker.' + key),
+                placeholder: this.$t(ucFirst(key)),
                 pattern: MASK_MAP[key],
                 maxlength: PLACEHOLDER_MAP[key].length,
                 inputmode: 'numeric'

package/components/3_organisms/AwBottomBar.vue

@@ -12,7 +12,7 @@
 
         <slot name="bottom-bar-toggler">
             <AwMenuItemIcon
-                :text="$t('aw.bottom_bar.menu')"
+                :text="$t('Menu')"
                 icon="menu-dots"
                 :size="$options.ICON_SIZE"
                 @click="$store.commit('awesIo/TOGGLE_MOBILE_MENU')"

package/components/3_organisms/AwCodeSnippet.vue

@@ -52,7 +52,7 @@ export default {
                             click: () => copyFn(props.code)
                         }
                     },
-                    [parent.$t('aw.code_snippet.copy')]
+                    [parent.$t('Copy')]
                 ),
                 h(
                     'pre',

package/components/3_organisms/AwCropper.vue

@@ -12,7 +12,7 @@
                 class="aw-cropper__rotate"
                 content-class="px-2"
                 theme="icon"
-                :text="$t('aw.cropper.rotate')"
+                :text="$t('Rotate 90°')"
                 color="default"
                 @click="rotate"
             >
@@ -32,7 +32,7 @@
 
         <slot name="buttons" :rotate="rotate" :save="save">
             <!-- save -->
-            <AwButton :text="$t('aw.cropper.save')" @click="save" />
+            <AwButton :text="$t('Save Image')" @click="save" />
         </slot>
     </div>
 </template>

package/components/3_organisms/AwDisplayDate.vue

@@ -59,9 +59,7 @@ export default {
                 age = now.diff(date, 'year')
             }
 
-            return age
-                ? `${str} (${age} ${this.$t('aw.birthday_date.years')})`
-                : str
+            return age ? `${str} (${age} ${this.$t('years')})` : str
         }
     }
 }

package/components/3_organisms/AwDownloadLink.vue

@@ -109,7 +109,7 @@ export default {
             type: String,
             /* Translatable word "Download" */
             default() {
-                return this.$t('aw.download_link.download')
+                return this.$t('Download')
             }
         },
         /**
@@ -119,7 +119,7 @@ export default {
             type: String,
             /* Translatable word "Download" */
             default() {
-                return this.$t('aw.download_link.download')
+                return this.$t('Download')
             }
         },
         /**

package/components/3_organisms/AwFetchData.vue

@@ -18,7 +18,7 @@
                         slot="left"
                         class="h-5 w-5"
                     />
-                    {{ $t('aw.table_builder.loading') }}
+                    {{ $t('Loading...') }}
                 </AwChip>
             </slot>
         </div>
@@ -119,7 +119,11 @@ export default {
                 })
                 this.data = resp.data.data
             } catch (e) {
-                this.error = pathOr('Request error', 'response.data.message', e)
+                this.error = pathOr(
+                    this.$t('Request error'),
+                    'response.data.message',
+                    e
+                )
             } finally {
                 clearTimeout(timeout)
                 this.loading = false

package/components/3_organisms/AwIslandAvatar.vue

@@ -58,7 +58,7 @@
 
                     <AwDropdownButton
                         v-if="zoomable && src"
-                        :text="$t('aw.page_user.zoom')"
+                        :text="$t('Zoom')"
                         @click="openZoomModal"
                     />
                     <label
@@ -66,7 +66,7 @@
                         class="aw-dropdown-button aw-dropdown-button_default"
                     >
                         <span tabindex="-1">
-                            {{ $t('aw.page_user.upload') }}
+                            {{ $t('Change Image') }}
                         </span>
                         <input
                             class="sr-only"
@@ -77,7 +77,7 @@
                     </label>
                     <AwDropdownButton
                         v-if="editable && src"
-                        :text="$t('aw.page_user.remove')"
+                        :text="$t('Remove Image')"
                         color="error"
                         @click="removeAvatar"
                     />
@@ -144,7 +144,7 @@
                 v-if="editable"
                 ref="cropModal"
                 :param="null"
-                :title="$t('aw.page_user.modal_title')"
+                :title="$t('Upload avatar')"
                 theme="fullscreen"
             >
                 <AwCropper :src="uploadedAvatar" @save="saveAvatar" />

package/components/3_organisms/AwMarkdownEditor.vue

@@ -52,6 +52,7 @@ import autosize from 'autosize'
 import marked from 'marked'
 import Prism from 'prismjs'
 import insane from 'insane'
+import { ucFirst } from '@AwUtils/string'
 
 const MODES = ['editor', 'preview']
 
@@ -129,7 +130,7 @@ export default {
 
     computed: {
         switchers() {
-            return MODES.map((mode) => this.$t(`AwMarkdownEditor.${mode}`))
+            return MODES.map((mode) => this.$t(ucFirst(mode)))
         },
 
         isPreview() {
@@ -144,7 +145,7 @@ export default {
             return toPairs(SHORTCUTS).map(([name, { icon }]) => ({
                 name,
                 icon,
-                text: this.$t(`AwMarkdownEditor.${name}`)
+                text: this.$t(ucFirst(name))
             }))
         }
     },

package/components/3_organisms/AwModal.vue

@@ -29,8 +29,8 @@
 
                         <AwButton
                             :class="elClasses.close"
-                            :title="$t('aw.modal.close')"
-                            :aria-label="$t('aw.modal.close')"
+                            :title="$t('Close')"
+                            :aria-label="$t('Close')"
                             @click.prevent="close()"
                             theme="ghost"
                             color="default"

package/components/3_organisms/AwModelEdit.vue

@@ -73,7 +73,7 @@ export default {
         saveText: {
             type: String,
             default() {
-                return this.$t('aw.model_edit.save')
+                return this.$t('Save')
             }
         },
 
@@ -82,7 +82,7 @@ export default {
         cancelText: {
             type: String,
             default() {
-                return this.$t('aw.model_edit.cancel')
+                return this.$t('Cancel')
             }
         },
 
@@ -179,7 +179,7 @@ export default {
 
                 this.notify(
                     'success',
-                    this.notifyText || this.$t('aw.model_edit.success')
+                    this.notifyText || this.$t('Saved successfully')
                 )
 
                 if (this.isRedirect) {
@@ -189,7 +189,7 @@ export default {
                 console.log(e)
 
                 const msg = pathOr(
-                    this.$t('aw.model_edit.error'),
+                    this.$t('Something went wrong'),
                     this.saveErrorPath,
                     e
                 )
@@ -245,7 +245,11 @@ export default {
 
         ask() {
             if (this.model.changed()) {
-                return this.$confirm(this.$t('aw.model_edit.cancel_all_changes'))
+                return this.$confirm(
+                    this.$t(
+                        'There is unsaved data on this page. Do you want to discard unsaved data and leave the page?'
+                    )
+                )
             } else {
                 return Promise.resolve()
             }
@@ -287,7 +291,9 @@ export default {
         _onPageLeave($event) {
             $event.preventDefault()
 
-            $event.returnValue = this.$t('aw.model_edit.cancel_all_changes')
+            $event.returnValue = this.$t(
+                'There is unsaved data on this page. Do you want to discard unsaved data and leave the page?'
+            )
         }
     }
 }

package/components/3_organisms/AwMultiBlockBuilder.vue

@@ -21,7 +21,7 @@
                 <h5 class="flex items-center draggable">
                     <span>
                         {{
-                            $t('aw.multi_block_builder.title', {
+                            $t('{title} #{iteration}', {
                                 title,
                                 iteration: index + 1
                             })
@@ -31,7 +31,7 @@
                         icon="close"
                         theme="icon"
                         :text="
-                            $t('aw.multi_block_builder.remove', {
+                            $t('Remove {title}', {
                                 title,
                                 iteration: index + 1
                             })
@@ -55,7 +55,7 @@
             <slot name="add" v-bind="{ collection, title, add }">
                 <!-- `<button>+ Add {title}</button>` -->
                 <AwLink class="text-sm font-bold uppercase" @click="add">
-                    {{ $t('aw.multi_block_builder.add', { title }) }}
+                    {{ $t('+ Add {title}', { title }) }}
                 </AwLink>
             </slot>
         </div>
@@ -65,7 +65,7 @@
             <!-- `<button>Save</button>` -->
             <div class="mt-8">
                 <AwButton :disabled="buttonDisabled" @click="collection.save()">
-                    {{ $t('aw.multi_block_builder.save') }}
+                    {{ $t('Save') }}
                 </AwButton>
             </div>
         </slot>

package/components/3_organisms/AwPagination.vue

@@ -1,8 +1,8 @@
 <template>
-    <div v-if="pagesTotal > 1" class="flex items-center lg:px-6">
+    <div v-if="pagesTotal > 1" class="aw-pagination flex items-center lg:px-6">
         <!-- info text -->
         <span class="flex-1 text-sm opacity-50 hidden lg:block">{{
-            $t('aw.pagination.info', {
+            $t('Show {from}-{to} of {total}', {
                 ...itemsRange,
                 total
             })
@@ -33,7 +33,7 @@
             </AwButton>
 
             <span class="lg:hidden">
-                {{ $t('aw.pagination.page', { page, pagesTotal }) }}
+                {{ $t('Page {page} of {pagesTotal}', { page, pagesTotal }) }}
             </span>
             <div
                 class="hidden lg:inline-flex aw-button-nav aw-button-nav__wrapper"
@@ -109,7 +109,7 @@
                     </AwDropdown>
                 </template>
                 <span v-else class="text-sm opacity-50">
-                    {{ $t('aw.pagination.limit', { limit }) }}
+                    {{ $t('{limit} per page', { limit }) }}
                 </span>
             </div>
         </div>

package/components/3_organisms/AwSearch.vue

@@ -6,7 +6,7 @@
         v-model="text"
         autocomplete="off"
         class="aw-search"
-        :placeholder="placeholder"
+        :placeholder="$t('Search', { globalKeyBind })"
         v-on="$listeners"
         @keydown.enter.prevent="_setSearchImmediate"
     >
@@ -83,17 +83,6 @@ export default {
         }
     },
 
-    computed: {
-        placeholder() {
-            const basicPlaceholder = this.$t('aw.search.text')
-
-            return this.globalKeyBind
-                ? basicPlaceholder +
-                      this.$t('aw.search.key_bind', { key: this.globalKeyBind })
-                : basicPlaceholder
-        }
-    },
-
     watch: {
         text: function(newValue) {
             const currentValue = this.$route.query[this.param] || ''

package/components/3_organisms/AwTable/AwTableBuilder.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="relative">
+    <div class="aw-table-builder relative">
         <div v-if="isEmpty && !collection.loading">
             <!-- The empty container. Will be shown if the data (without filters) is empty. Your can compleatly overwrite the block. -->
             <slot v-if="!isWatchParamsPresent" name="empty-container">
@@ -22,7 +22,7 @@
                         <slot name="empty-title">
                             <!-- Text: "There are no data to show" -->
                             <div class="text-mono-400 mb-4">
-                                {{ $t('aw.table_builder.empty') }}
+                                {{ $t('There is no data to show') }}
                             </div>
                         </slot>
 
@@ -55,7 +55,7 @@
                         <slot name="empty-filter-title">
                             <!-- Text: "There are no data to show" -->
                             <div class="text-mono-400 mb-4">
-                                {{ $t('aw.table_builder.empty_filter') }}
+                                {{ $t('No results were found for your request') }}
                             </div>
                         </slot>
 
@@ -153,7 +153,7 @@
             :arrow-nav="arrowNav"
             @click:page="onPageClick($event, true)"
             @click:limit="limit = $event"
-            class="mt-3 lg:mt-8"
+            class="aw-bale-builder__aw-pagination mt-3 lg:mt-8"
         />
 
         <!-- Loading overlay -->
@@ -171,7 +171,7 @@
                         slot="left"
                         class="h-5 w-5"
                     />
-                    {{ $t('aw.table_builder.loading') }}
+                    {{ $t('Loading...') }}
                 </AwChip>
             </slot>
         </div>

package/components/3_organisms/AwUploader.vue

@@ -26,9 +26,15 @@
                 />
             </svg>
             <span class="block ml-4">
-                <span class="sm:text-lg">{{ $t('aw.uploader.drop') }}</span>
+                <span class="sm:text-lg">{{
+                    $t('Drag and drop files here')
+                }}</span>
                 <span v-if="formatString" class="block text-sm text-mono-400">
-                    {{ $t('aw.uploader.format', { formatString }) }}
+                    {{
+                        $t('Supports only {formatString} file formats', {
+                            formatString
+                        })
+                    }}
                 </span>
             </span>
         </slot>
@@ -279,11 +285,13 @@ export default {
             const fileName = file.name
 
             if (this._format.length && !this._extensionMatch(file)) {
-                errors.push(this.$t('aw.uploader.error_extension', { fileName }))
+                errors.push(
+                    this.$t('File {fileName} has wrong extension', { fileName })
+                )
             }
 
             if (this.max && file.size > this.maxSizeBytes) {
-                errors.push(this.$t('aw.uploader.error_size', { fileName }))
+                errors.push(this.$t('File {fileName} is too big', { fileName }))
             }
 
             return errors

package/components/3_organisms/AwUploaderFiles.vue

@@ -18,11 +18,7 @@
             vertical-align="middle"
         >
             <template #default="{ cell: file }">
-                {{
-                    file.loaded
-                        ? parent.$t('aw.uploader.loaded')
-                        : `${file.progress}%`
-                }}
+                {{ file.loaded ? parent.$t('Finished') : `${file.progress}%` }}
             </template>
         </AwTableCol>
         <AwTableCol vertical-align="middle" class="text-center w-1/6">
@@ -31,7 +27,7 @@
                     theme="icon"
                     icon="close"
                     size="sm"
-                    :text="parent.$t('aw.uploader.remove')"
+                    :text="parent.$t('Remove file')"
                     @click="props.removeFile(file.id)"
                 />
             </template>

package/components/4_pages/AwPage.vue

@@ -69,7 +69,9 @@
             >
                 <div
                     class="flex-1 text-sm text-mono-400"
-                    v-html="$sanitize($t('aw.layout_default.footer'))"
+                    v-html="
+                        $sanitize($t('© 2021 - EasyWeek. All rights reserved.'))
+                    "
                 ></div>
                 <div class="flex-1 text-center">
                     <AwButton
@@ -79,14 +81,14 @@
                         @click="toggleFullscreen(false)"
                     >
                         <AwIconSystemMono name="close" class="mr-4" />
-                        {{ $t('aw.page.exit_fullscreen') }}
+                        {{ $t('Exit fullscreen mode') }}
                     </AwButton>
                 </div>
                 <div class="flex-1 flex">
                     <AwSwitcher
                         v-if="hasDarkThemeSwitcher"
                         :checked="isDarkTheme"
-                        :label="$t('aw.user_menu.dark_theme')"
+                        :label="$t('Dark theme')"
                         class="ml-auto"
                         @change="isDarkTheme = $event"
                     />
@@ -205,7 +207,6 @@ export default {
     computed: {
         _title() {
             return this.title
-            // this.$t(pathOr('', 'current.text', this.currentPage))
         },
 
         _hasBreadcrumb() {

package/components/4_pages/AwPageModal.vue

@@ -51,8 +51,8 @@
 
                 <div class="flex-1 flex justify-end">
                     <button
-                        :title="$t('aw.modal.close')"
-                        :aria-label="$t('aw.modal.close')"
+                        :title="$t('Close')"
+                        :aria-label="$t('Close')"
                         class="aw-page-modal__header-btn focus-outline ml-4"
                         tabindex="0"
                         @click="close"

package/components/5_layouts/AwLayoutCenter.vue

@@ -20,7 +20,9 @@
                 </div>
 
                 <div
-                    v-html="$sanitize($t('aw.layout_default.footer'))"
+                    v-html="
+                        $sanitize($t('© 2021 - EasyWeek. All rights reserved.'))
+                    "
                     class="pt-8 text-sm"
                 ></div>
             </div>

package/components/5_layouts/AwLayoutError.vue

@@ -2,7 +2,7 @@
     <div class="flex flex-col bg-mono-900 flex-grow min-h-screen">
         <div class="flex flex-col justify-center items-center m-auto">
             <h1 class="text-center text-3xl">
-                {{ $t('aw.layout_error.subtitle') }}
+                {{ $t('Error') }}
             </h1>
             <p class="text-center text-6xl">{{ statusCode }}</p>
             <p class="text-center">
@@ -45,7 +45,7 @@ export default {
         },
 
         message() {
-            return this.error.message || this.$t('aw.layout_error.message')
+            return this.error.message || this.$t('Something is wrong.')
         },
 
         isLoggedIn() {

package/components/5_layouts/_AwLayoutLogo.vue

@@ -6,7 +6,7 @@
     >
         <img v-if="props.logo" v-bind="props.logo" />
         <span class="sr-only">
-            {{ parent.$t('aw.layout_default.homepage') }}
+            {{ parent.$t('Homepage') }}
         </span>
     </NLink>
 </template>

package/components/5_layouts/_AwMobileMenu.vue

@@ -23,7 +23,7 @@
                         <AwIconSystemMono name="arrow" size="16" />
                     </template>
                     <span class="sr-only">
-                        {{ $t('aw.mobile_menu.back') }}
+                        {{ $t('Back') }}
                     </span>
                 </AwButton>
 
@@ -40,7 +40,7 @@
             <AwSwitcher
                 v-else
                 v-model="isDarkTheme"
-                :label="$t('aw.mobile_menu.dark_theme')"
+                :label="$t('Dark theme')"
                 icon="moon"
                 icon-place-in
                 icon-color="warning"
@@ -60,7 +60,7 @@
                     <AwIconSystemMono name="close" size="16" />
                 </template>
                 <span class="sr-only">
-                    {{ $t('aw.mobile_menu.close') }}
+                    {{ $t('Close') }}
                 </span>
             </AwButton>
         </div>
@@ -78,7 +78,7 @@
             <NLink
                 v-if="profileUrl"
                 :to="profileUrl"
-                :aria-label="$t('aw.mobile_menu.profile')"
+                :aria-label="$t('User profile')"
                 class="aw-mobile-menu__user-link"
             >
                 <AwIconSystemMono name="angle" rotate="180" />
@@ -96,7 +96,7 @@
         <!-- top level menu -->
         <AwMobileMenuNav
             v-show="!submenuOpened"
-            :title="$t('aw.mobile_menu.main_menu')"
+            :title="$t('Main menu')"
             :items="mainMenu"
             class="aw-mobile-menu__menu"
             @click:submenu="showSubmenu"
@@ -104,7 +104,7 @@
 
         <AwMobileMenuNav
             v-show="!submenuOpened"
-            :title="$t('aw.mobile_menu.secondary_menu')"
+            :title="$t('Secondary menu')"
             :items="secondaryMenu"
             class="aw-mobile-menu__menu"
             @click:submenu="showSubmenu"
@@ -112,7 +112,7 @@
 
         <AwMobileMenuNav
             v-show="!submenuOpened"
-            :title="$t('aw.mobile_menu.user_menu')"
+            :title="$t('User menu')"
             :items="userMenu"
             class="aw-mobile-menu__menu"
             @click:submenu="showSubmenu"
@@ -146,7 +146,7 @@
                 class="aw-mobile-menu__logo"
             />
             <span class="aw-mobile-menu__version">
-                {{ $t('aw.mobile_menu.version', { version: $config.VERSION }) }}
+                {{ $t('version v{version}', { version: $config.VERSION }) }}
             </span>
         </slot>
     </div>

package/components/5_layouts/_AwOfflineNotify.vue

@@ -22,8 +22,8 @@ export default {
                     offlineNotifyRemover = this.$notify({
                         timeout: 0,
                         type: 'error',
-                        title: this.$t('aw.layout_default.offline'),
-                        text: this.$t('aw.layout_default.offline_text'),
+                        title: this.$t('No Internet Connection'),
+                        text: this.$t('Check your connection and try again...'),
                         icon: false,
                         closable: false
                     })

package/components/5_layouts/_AwUserMenu.vue

@@ -11,7 +11,7 @@
             <button
                 class="aw-user-menu__user focus-outline"
                 aria-haspopup="true"
-                :aria-label="$t('aw.user_menu.open_menu')"
+                :aria-label="$t('Open menu')"
                 @focus="openDropdown"
                 @mouseenter="openDropdown"
             >
@@ -37,7 +37,7 @@
                 </Component>
                 <AwSwitcher
                     v-model="isDarkTheme"
-                    :label="$t('aw.user_menu.dark_theme')"
+                    :label="$t('Dark theme')"
                     icon="moon"
                     icon-place-in
                     icon-color="warning"
@@ -77,7 +77,7 @@
                     class="aw-user-menu__nav-item"
                     @click="$auth.logout()"
                 >
-                    {{ $t('aw.user_menu.logout') }}
+                    {{ $t('Logout') }}
                 </AwNavItem> -->
             </AwDropdown>
         </slot>

package/nuxt/layouts/center.vue

@@ -1,5 +1,5 @@
 <template>
-    <AwLayoutCenter :copyright="$t('ui.copyright')">
+    <AwLayoutCenter>
         <Nuxt />
     </AwLayoutCenter>
 </template>

package/nuxt/templates/lang.plugin.js

@@ -41,6 +41,7 @@ const toLocale = (lang = '') => lang.slice(0, 2).toLowerCase()
 
 const i18nOptions = mergeDeepRight(
     {
+        formatFallbackMessages: true,
         pluralizationRules: {
             ru: cyrillicPluralization,
             uk: cyrillicPluralization

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@awes-io/ui",
-    "version": "2.61.1",
+    "version": "2.63.0",
     "description": "User Interface (UI) components",
     "keywords": [
         "ui",
@@ -122,5 +122,5 @@
         "vue-template-compiler": "^2.6.10",
         "webfonts-generator": "^0.4.0"
     },
-    "gitHead": "7538abc47c20e50e20dcb1bfb33e29b2bfdca1ae"
+    "gitHead": "ba7458d978c7da739cb46dccdeac9f4a885c8cb2"
 }