@crm-market/template-shared 1.0.0

package/pages/order-details.vue

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

package/pages/order-history.vue

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

package/pages/privacy-policy.vue

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

package/pages/product-details.vue

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

package/pages/products.vue

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

package/pages/register.vue

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

package/pages/terms-conditions.vue

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

package/pages/wishlist.vue

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

package/plugins/site-init.client.ts

@@ -0,0 +1,24 @@
+export default defineNuxtPlugin(async () => {
+  const { fetchConfig, error } = useSiteConfig();
+  const { loadCart } = useCart();
+  const { fetchCategories } = useCategories();
+
+  // Initialize cart from localStorage
+  loadCart();
+
+  // Fetch site configuration
+  try {
+    await fetchConfig();
+
+    // Load categories after config is loaded
+    await fetchCategories();
+  } catch (e) {
+    console.error('Failed to initialize site:', e);
+
+    // If site config fails to load, redirect to error page or show message
+    if (process.client && error.value) {
+      // You can customize this behavior
+      console.error('Site configuration error:', error.value);
+    }
+  }
+});

package/plugins/vuetify.ts

@@ -0,0 +1,18 @@
+import { defineNuxtPlugin } from "#app";
+import { createVuetify } from "vuetify";
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
+
+import "vuetify/styles";
+import "~/assets/scss/style.css";
+
+export default defineNuxtPlugin((app) => {
+  const vuetify = createVuetify({
+    ssr: true,
+    components: {
+      ...components,
+    },
+    directives,
+  });
+  app.vueApp.use(vuetify);
+});

package/types/index.ts

@@ -0,0 +1,121 @@
+// Інтерфейси для конфігурації шаблону
+
+export interface TemplateSection {
+  key: string;
+  component: string;
+  label: string;
+  defaultOrder: number;
+  defaultEnabled: boolean;
+}
+
+export interface ContentBlock {
+  key: string;
+  type?: string;
+  data?: any;
+  order: number;
+  enabled: boolean;
+}
+
+export interface ColorScheme {
+  primary?: string;
+  secondary?: string;
+  accent?: string;
+  bodyColor?: string;
+}
+
+export interface Fonts {
+  headingFont?: string;
+  bodyFont?: string;
+  headingWeight?: string;
+  bodyWeight?: string;
+}
+
+export interface ContactInfo {
+  phone?: string;
+  email?: string;
+  address?: string;
+  workingHours?: string;
+  socialMedia?: {
+    facebook?: string;
+    instagram?: string;
+    twitter?: string;
+    telegram?: string;
+  };
+}
+
+export interface SiteConfig {
+  id: string;
+  organizationId: string;
+  publicApiToken: string;
+  siteName?: string;
+  siteDescription?: string;
+  logoUrl?: string;
+  faviconUrl?: string;
+  heroImageUrl?: string;
+  contactInfo?: ContactInfo;
+  subdomain?: string;
+  customDomain?: string;
+  isPublished: boolean;
+  template: {
+    code: string;
+    name: string;
+    type: string;
+  };
+  customization?: {
+    colors?: ColorScheme;
+    fonts?: Fonts;
+    customCSS?: string;
+    componentSettings?: Record<string, any>;
+    content?: Record<string, any>;
+    contentBlocks?: ContentBlock[];
+    values?: Record<string, any>;
+  };
+}
+
+export interface Product {
+  id: string;
+  name: string;
+  price: number;
+  discountPrice?: number;
+  images: string[];
+  description?: string;
+  categoryId: string;
+  organizationId: string;
+  isActive: boolean;
+  stock?: number;
+  rating?: number;
+  reviews?: number;
+}
+
+export interface Category {
+  id: string;
+  name: string;
+  slug?: string;
+  description?: string;
+  image?: string;
+  parentId?: string;
+  organizationId: string;
+  isActive: boolean;
+  order?: number;
+}
+
+export interface CartItem {
+  productId: string;
+  name: string;
+  price: number;
+  discountPrice?: number;
+  quantity: number;
+  image?: string;
+}
+
+export interface ShippingAddress {
+  firstName: string;
+  lastName: string;
+  email: string;
+  phone: string;
+  address: string;
+  city: string;
+  postalCode: string;
+  country: string;
+  notes?: string;
+}

package/utils/image.ts

@@ -0,0 +1,13 @@
+/**
+ * Перетворює відносні шляхи до зображень (/media/...) у повні URL
+ */
+export const resolveImageUrl = (url: string | undefined | null): string => {
+  if (!url) return '';
+  if (url.startsWith('http') || url.startsWith('data:') || url.startsWith('blob:')) return url;
+
+  const config = useRuntimeConfig();
+  const apiBase = (config.public.apiBase as string) || 'http://localhost:3001/api';
+  // Видаляємо /api з кінця, щоб отримати базовий URL сервера
+  const baseUrl = apiBase.replace(/\/api\/?$/, '');
+  return `${baseUrl}${url.startsWith('/') ? '' : '/'}${url}`;
+};

package/utils/store.ts

@@ -0,0 +1,21 @@
+import { reactive } from 'vue';
+
+interface StateStore {
+  open: boolean;
+  show: boolean;
+  onChange: () => void;
+  onChangeShow: () => void;
+}
+
+const stateStore: StateStore = reactive({
+  open: false,
+  show: false,
+  onChange() {
+    this.open = !this.open;
+  },
+  onChangeShow() {
+    this.show = !this.show;
+  },
+});
+
+export default stateStore;