@crm-market/template-shared 1.0.2 → 1.0.4

package/locales/uk.json

@@ -0,0 +1,234 @@
+{
+  "nav": {
+    "aboutUs": "Про нас",
+    "faqs": "Часті запитання",
+    "helpContact": "Допомога та контакти",
+    "flashSale": "Блискавичний розпродаж {percent}% знижка",
+    "home": "Головна",
+    "products": "Товари",
+    "categories": "Категорії",
+    "about": "Про нас",
+    "contact": "Контакти",
+    "browseCategories": "Переглянути категорії",
+    "searchProducts": "Пошук товарів...",
+    "search": "Пошук",
+    "allCategories": "Усі категорії",
+    "allProducts": "Усі товари",
+    "hotline": "Гаряча лінія",
+    "noCategories": "Категорії відсутні",
+    "pages": "Сторінки",
+    "blog": "Блог",
+    "ourBlog": "Наш блог",
+    "blogDetails": "Деталі статті",
+    "tags": "Теги",
+    "author": "Автор",
+    "authentication": "Автентифікація",
+    "shop": "Магазин",
+    "productLayouts": "Макети товарів",
+    "productsStep": "Кроки товарів",
+    "adminPage": "Панель керування"
+  },
+  "auth": {
+    "login": "Увійти",
+    "register": "Реєстрація",
+    "loginDescription": "Якщо у вас є обліковий запис, увійдіть за допомогою імені користувача або електронної пошти.",
+    "usernameOrEmail": "Ім'я користувача або електронна пошта",
+    "username": "Ім'я користувача",
+    "email": "Електронна пошта",
+    "password": "Пароль",
+    "yourPassword": "Ваш пароль",
+    "remember": "Запам'ятати",
+    "lostPassword": "Забули пароль?",
+    "noAccount": "Немає облікового запису?",
+    "haveAccount": "Вже є обліковий запис?",
+    "forgotPassword": "Забули пароль",
+    "enterEmail": "Введіть вашу електронну пошту",
+    "changePassword": "Змінити пароль",
+    "oldPassword": "Старий пароль",
+    "newPassword": "Новий пароль",
+    "confirmPassword": "Підтвердити пароль",
+    "savePassword": "Зберегти пароль",
+    "logOut": "Вийти"
+  },
+  "account": {
+    "loginYour": "Увійдіть у свій",
+    "account": "Обліковий запис",
+    "yourCart": "Ваш кошик",
+    "viewCart": "Переглянути кошик",
+    "checkout": "Оформлення замовлення",
+    "dashboard": "Панель керування",
+    "yourAccount": "Ваш обліковий запис",
+    "yourOrders": "Ваші замовлення",
+    "editProfile": "Редагувати профіль",
+    "editAddress": "Редагувати адресу",
+    "orderHistory": "Історія замовлень",
+    "orderDetails": "Деталі замовлення",
+    "address": "Адреса",
+    "addAddress": "Додати адресу",
+    "billingAddress": "Платіжна адреса",
+    "navigation": "Навігація",
+    "myAccount": "Мій обліковий запис",
+    "country": "Країна",
+    "stateCounty": "Область",
+    "zip": "Індекс",
+    "phone": "Телефон",
+    "email": "Електронна пошта",
+    "password": "Пароль"
+  },
+  "product": {
+    "addToCart": "Додати до кошика",
+    "inCart": "У кошику",
+    "addToWishlist": "Додати до списку бажань",
+    "inStock": "В наявності",
+    "quantity": "Кількість",
+    "subtotal": "Проміжний підсумок",
+    "unitPrice": "Ціна за одиницю",
+    "name": "Назва",
+    "remove": "Видалити",
+    "freeDelivery": "Безкоштовна доставка сьогодні",
+    "moneyBack": "100% гарантія повернення коштів",
+    "returnPolicy": "Повернення товару протягом 7 днів",
+    "sku": "Артикул",
+    "category": "Категорія",
+    "share": "Поділитися",
+    "reviews": "Відгуки",
+    "viewingProduct": "людей переглядають цей товар",
+    "style": "Стиль",
+    "capacity": "Об'єм",
+    "color": "Колір",
+    "noProducts": "Товарів не знайдено",
+    "loading": "Завантаження...",
+    "productsFound": "товарів знайдено",
+    "clearAll": "Очистити все",
+    "filterByCategories": "Фільтр за категоріями",
+    "clearFilter": "Скинути фільтр",
+    "priceRange": "Діапазон цін",
+    "min": "Мін",
+    "max": "Макс",
+    "apply": "Застосувати",
+    "sortBy": "Сортувати за",
+    "newest": "Найновіші",
+    "priceLowHigh": "Ціна: від низької до високої",
+    "priceHighLow": "Ціна: від високої до низької",
+    "nameAZ": "Назва А-Я",
+    "bestSellers": "Найпопулярніші",
+    "featuredProducts": "Рекомендовані товари",
+    "trendingProducts": "Популярні товари",
+    "newArrivals": "Новинки",
+    "wishlist": "Список бажань",
+    "productDetails": "Деталі товару",
+    "product": "Товар"
+  },
+  "cart": {
+    "cart": "Кошик",
+    "cartTotals": "Підсумки кошика",
+    "total": "Загалом",
+    "subtotal": "Проміжний підсумок",
+    "coupon": "Купон",
+    "applyCoupon": "Застосувати купон",
+    "updatePrice": "Оновити ціну",
+    "proceedToCheckout": "Перейти до оформлення",
+    "cartEmpty": "Кошик порожній",
+    "shipping": "Доставка"
+  },
+  "checkout": {
+    "billingDetails": "Платіжні дані",
+    "firstName": "Ім'я",
+    "lastName": "Прізвище",
+    "emailAddress": "Електронна пошта",
+    "companyName": "Назва компанії (необов'язково)",
+    "countryRegion": "Країна/Регіон",
+    "streetAddress": "Вулиця",
+    "addressLine1": "Адресний рядок 1",
+    "addressLine2": "Адресний рядок 2",
+    "townCity": "Місто",
+    "postalCode": "Поштовий індекс",
+    "phone": "Телефон",
+    "phoneNumber": "Номер телефону",
+    "additionalInfo": "Додаткова інформація",
+    "notes": "Примітки (необов'язково)",
+    "yourOrder": "Ваше замовлення",
+    "paymentOption": "Спосіб оплати",
+    "cardPayment": "Оплата карткою",
+    "cashOnDelivery": "Оплата при отриманні",
+    "placeOrder": "Оформити замовлення"
+  },
+  "footer": {
+    "gotQuestion": "Є запитання? Телефонуйте цілодобово",
+    "storeDescription": "Ваш інтернет-магазин найкращих товарів та пропозицій.",
+    "subscribe": "Підписатися на розсилку",
+    "enterEmail": "Введіть вашу електронну пошту",
+    "submitNow": "Надіслати",
+    "followUs": "Підписуйтесь на нас",
+    "allRightsReserved": "Усі права захищені",
+    "getToKnowUs": "Дізнайтеся про нас",
+    "letUsHelp": "Дозвольте допомогти",
+    "popularCategories": "Популярні категорії",
+    "aboutTheShop": "Про магазин",
+    "returnPolicy": "Політика повернення",
+    "productReplacement": "Заміна товару",
+    "shopWithPoints": "Покупки за бали",
+    "careers": "Кар'єра",
+    "storeLocation": "Розташування магазину",
+    "newsCenter": "Новини",
+    "downloadApp": "Завантажити додаток"
+  },
+  "services": {
+    "fastDelivery": "Швидка доставка",
+    "fastDeliveryDesc": "Блискавична доставка ваших замовлень",
+    "securedPayment": "Безпечна оплата",
+    "securedPaymentDesc": "Купуйте з впевненістю",
+    "moneyBack": "Повернення коштів",
+    "moneyBackDesc": "100% гарантія повернення коштів",
+    "support247": "Підтримка 24/7",
+    "support247Desc": "Завжди на зв'язку"
+  },
+  "contact": {
+    "getInTouch": "Зв'яжіться з нами",
+    "contactDescription": "Ваш шлях до досконалості: зв'яжіться з нами та відкрийте світ можливостей",
+    "yourName": "Ваше ім'я",
+    "yourEmail": "Ваша електронна пошта",
+    "yourSubject": "Тема",
+    "yourMessage": "Ваше повідомлення",
+    "writeMessage": "Напишіть повідомлення",
+    "enterName": "Введіть ваше ім'я",
+    "enterEmail": "Введіть вашу електронну пошту"
+  },
+  "order": {
+    "orderNumber": "Номер замовлення",
+    "orderCreatedAt": "Замовлення створено",
+    "backHistory": "Назад до історії",
+    "status": "Статус",
+    "paid": "Оплачено",
+    "pending": "Очікує",
+    "failed": "Невдале",
+    "trash": "Кошик",
+    "order": "Замовлення"
+  },
+  "common": {
+    "save": "Зберегти",
+    "saveChange": "Зберегти зміни",
+    "edit": "Редагувати",
+    "default": "За замовчуванням",
+    "clickHere": "Натисніть тут",
+    "changeImage": "Змінити зображення",
+    "location": "Місцезнаходження",
+    "searchLocation": "Знайдіть ваше місцезнаходження",
+    "selectLocation": "Оберіть місцезнаходження",
+    "deliverProducts": "Куди доставити ваші товари?",
+    "privacyPolicy": "Політика конфіденційності",
+    "termsConditions": "Умови та положення",
+    "helpCenter": "Центр допомоги"
+  },
+  "lang": {
+    "english": "English",
+    "ukrainian": "Українська",
+    "russian": "Русский",
+    "arabic": "العربية"
+  },
+  "currency": {
+    "usd": "USD $",
+    "eur": "EUR \u20ac",
+    "uah": "UAH \u20b4"
+  }
+}

package/modules/auto-imports.ts

@@ -0,0 +1,20 @@
+import { defineNuxtModule, createResolver, addImportsDir, addComponentsDir } from '@nuxt/kit';
+
+export default defineNuxtModule({
+  meta: {
+    name: 'template-shared-auto-imports',
+  },
+  setup(_options, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+
+    // Реєстрація composables як auto-imports
+    addImportsDir(resolve('../composables'));
+    addImportsDir(resolve('../utils'));
+
+    // Реєстрація components
+    addComponentsDir({
+      path: resolve('../components'),
+      pathPrefix: false,
+    });
+  },
+});

package/nuxt.config.ts

@@ -33,6 +33,7 @@ export default defineNuxtConfig({
     resolve(__dirname, 'assets/css/remixicon.css'),
     resolve(__dirname, 'assets/fonts/flaticon.css'),
     resolve(__dirname, 'assets/css/satoshi-font.css'),
+    resolve(__dirname, 'assets/scss/style.css'),
   ],
 
   // Plugins авто-скануються з plugins/ — не потрібно оголошувати явно
@@ -42,6 +43,8 @@ export default defineNuxtConfig({
   },
 
   modules: [
+    // Auto-imports composables, utils, components для npm-пакету
+    resolve(__dirname, 'modules/auto-imports'),
     (
       _options: any,
       nuxt: {
@@ -81,16 +84,5 @@ export default defineNuxtConfig({
     },
   },
 
-  components: [
-    { path: resolve(__dirname, 'components'), pathPrefix: false },
-  ],
-
-  imports: {
-    dirs: [
-      resolve(__dirname, 'composables'),
-      resolve(__dirname, 'utils'),
-    ],
-  },
-
   compatibilityDate: "2026-01-02",
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crm-market/template-shared",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "description": "Shared Nuxt 3 layer for CRM Market store templates (layouts, components, composables, pages)",
   "publishConfig": {
@@ -21,18 +21,20 @@
     "plugins",
     "types",
     "utils",
-    "e2e"
+    "modules",
+    "locales"
   ],
   "dependencies": {
     "bootstrap": "^5.3.3",
     "nuxt": "^3.12.4",
     "nuxt-swiper": "^1.2.2",
+    "vite-plugin-vuetify": "^2.0.3",
     "vue": "^3.4.34",
-    "vue-router": "^4.4.0"
+    "vue-router": "^4.4.0",
+    "vuetify": "^3.6.13"
   },
   "devDependencies": {
-    "sass": "^1.77.8",
-    "vite-plugin-vuetify": "^2.0.3",
-    "vuetify": "^3.6.13"
+    "@playwright/test": "^1.58.2",
+    "sass": "^1.77.8"
   }
 }

package/pages/about-us.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Про нас" />
+    <CommonPageBanner :pageTitle="t('nav.aboutUs')" />
     <AboutUsTuan />
     <AboutUsStatistics />
     <AboutUsSubscribeToTheNewsletter />
@@ -9,4 +9,5 @@
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/address.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Додати адресу" />
+    <CommonPageBanner :pageTitle="t('account.addAddress')" />
     <AddAddress />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/cart.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Кошик" />
+    <CommonPageBanner :pageTitle="t('cart.cart')" />
     <Cart />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/categories.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Категорії" />
+    <CommonPageBanner :pageTitle="t('nav.categories')" />
     <Categories />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/change-password.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Зміна пароля" />
+    <CommonPageBanner :pageTitle="t('auth.changePassword')" />
     <ChangePassword />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/checkout.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Оформлення замовлення" />
+    <CommonPageBanner :pageTitle="t('account.checkout')" />
     <Checkout />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/contact.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Контакти" />
+    <CommonPageBanner :pageTitle="t('contact.getInTouch')" />
     <ContactInfo />
     <ContactForm />
   </div>
@@ -8,4 +8,5 @@
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/dashboard.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Дашборд" />
+    <CommonPageBanner :pageTitle="t('account.dashboard')" />
     <Dashboard />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/edit-address.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Редагувати адресу" />
+    <CommonPageBanner :pageTitle="t('account.editAddress')" />
     <EditAddress />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/edit-profile.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Редагувати профіль" />
+    <CommonPageBanner :pageTitle="t('account.editProfile')" />
     <EditProfile />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/faq.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Часті запитання" />
+    <CommonPageBanner :pageTitle="t('nav.faqs')" />
     <FAQ />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/forgot-password.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Відновити пароль" />
+    <CommonPageBanner :pageTitle="t('auth.forgotPassword')" />
     <ForgotPassword />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/login.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Увійти" />
+    <CommonPageBanner :pageTitle="t('auth.login')" />
     <Login />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/my-account.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Мій акаунт" />
+    <CommonPageBanner :pageTitle="t('account.myAccount')" />
     <MyAccount />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/order-details.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Деталі замовлення" />
+    <CommonPageBanner :pageTitle="t('account.orderDetails')" />
     <OrderDetails />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/order-history.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Історія замовлень" />
+    <CommonPageBanner :pageTitle="t('account.orderHistory')" />
     <OrderHistory />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/privacy-policy.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Політика конфіденційності" />
+    <CommonPageBanner :pageTitle="t('common.privacyPolicy')" />
     <PrivacyPolicy />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/product-details.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Деталі товару" />
+    <CommonPageBanner :pageTitle="t('product.productDetails')" />
     <ProductDetails />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/products.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Товари" />
+    <CommonPageBanner :pageTitle="t('nav.products')" />
     <Products />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/register.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Реєстрація" />
+    <CommonPageBanner :pageTitle="t('auth.register')" />
     <Register />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/terms-conditions.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Умови використання" />
+    <CommonPageBanner :pageTitle="t('common.termsConditions')" />
     <TermsConditions />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/pages/wishlist.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
-    <CommonPageBanner pageTitle="Список бажань" />
+    <CommonPageBanner :pageTitle="t('product.wishlist')" />
     <Wishlist />
   </div>
 </template>
 
 <script setup lang="ts">
 definePageMeta({ layout: 'inner' });
+const { t } = useI18n();
 </script>

package/plugins/i18n.ts

@@ -0,0 +1,7 @@
+import { defineNuxtPlugin } from '#app';
+import { useI18n } from '../composables/useI18n';
+
+export default defineNuxtPlugin(async () => {
+  const { initLocale } = useI18n();
+  await initLocale();
+});

package/plugins/site-init.client.ts

@@ -1,3 +1,8 @@
+import { defineNuxtPlugin } from '#app';
+import { useSiteConfig } from '../composables/useSiteConfig';
+import { useCart } from '../composables/useCart';
+import { useCategories } from '../composables/useCategories';
+
 export default defineNuxtPlugin(async () => {
   const { fetchConfig, error } = useSiteConfig();
   const { loadCart } = useCart();