@ozdao/martyrs 0.2.481 → 0.2.483

package/src/modules/globals/views/components/partials/Footer.vue

@@ -1,182 +1,182 @@
-<template>
-  <footer 
-    class="pd-thin pd-t-zero"
-    :class="{
-      't-black bg-white': route.meta.footer_theme === 'light',
-      't-white bg-black': route.meta.footer_theme === 'dark'  
-    }"
-  >
-<!-- 
-    <div id="top-footer" class="cols-3 mobile:cols-1 section">
-     
-    <a href="mailto:hello@weeder.delivery" class="w-100 radius-small contact col">
-      <img loading="lazy" class="mn-b-small h-3r" src="/logo/logotype.svg">  
-      <p class="t-transp ">{{t('description')}}</p>
-    </a>
-
-      <div @click="this.$router.push({ name: 'Home' } )" class="flex-v-center flex logo-link col">
-         <p class="h4 mn-b-small">{{t('app')}}</p>
-        <div class="store-buttons">
-        <img loading="lazy" class="h-3r" src="/assets/images/landing/appsvg" alt="Download on App Store">
-        <img loading="lazy" class="h-3r"  src="/assets/images/landing/googleplay.svg" alt="Download on Google Play">
-        </div>
-      </div>
-      
-      <a href="https://t.me/weeder_support" target="_blank" class="w-100 radius-small contact col">
-        <p class="h4 mn-b-small">{{t('socials')}}</p>
-
-        <div class="socials flex-nojustify flex">
-          <a class="mn-r-small" href="https://t.me/weederdelivery" target="_blank"> 
-            <img loading="lazy" src="@/assets/icons/Telegram_blue.svg">
-          </a> 
-          <a class="mn-r-small" href="https://t.me/weederdelivery" target="_blank"> 
-            <img loading="lazy" src="@/assets/icons/Telegram_blue.svg">
-          </a> 
-          <a class="mn-r-small" href="https://t.me/weederdelivery" target="_blank"> 
-            <img loading="lazy" src="@/assets/icons/Telegram_blue.svg">
-          </a> 
-        </div>
+  <template>
+    <footer 
+      class="pd-thin pd-t-zero"
+      :class="{
+        't-black bg-white': route.meta.footer_theme === 'light',
+        't-white bg-black': route.meta.footer_theme === 'dark'  
+      }"
+    >
+
+      <div id="top-footer" class="cols-3 mobile:cols-1 section">
+       
+      <a href="mailto:hello@weeder.delivery" class="w-100 radius-small contact col">
+        <img loading="lazy" class="mn-b-small h-3r" src="/logo/logotype.svg">  
+        <p class="t-transp ">{{t('description')}}</p>
       </a>
-      
-    </div>
 
-    <div class="cols-3 mobile:cols-1 section">
-      
-      <ul class="lh-semi nav-footer col">
-        <li class="mn-b-small t-semi h5">
-          {{t('store')}}
-        </li>
-
-        <div class="mn-b-medium ol">
-          <li v-for="(category,index) in categories.state.all">
-            <router-link :to="getMarketplaceLink([category.url])">
-              <span v-html="t('categories[' + index + ']')"></span>
-            </router-link>  
-          </li>
+        <div @click="this.$router.push({ name: 'Home' } )" class="flex-v-center flex logo-link col">
+           <p class="h4 mn-b-small">{{t('app')}}</p>
+          <div class="store-buttons">
+          <img loading="lazy" class="h-3r" src="/assets/images/landing/appsvg" alt="Download on App Store">
+          <img loading="lazy" class="h-3r"  src="/assets/images/landing/googleplay.svg" alt="Download on Google Play">
+          </div>
         </div>
-
-        <a href="https://ozdao.dev" target="_blank">
-          <img loading="lazy" src="/icons/ozdao.svg">
+        
+        <a href="https://t.me/weeder_support" target="_blank" class="w-100 radius-small contact col">
+          <p class="h4 mn-b-small">{{t('socials')}}</p>
+
+          <div class="socials flex-nojustify flex">
+            <a class="mn-r-small" href="https://t.me/weederdelivery" target="_blank"> 
+              <img loading="lazy" src="@/assets/icons/Telegram_blue.svg">
+            </a> 
+            <a class="mn-r-small" href="https://t.me/weederdelivery" target="_blank"> 
+              <img loading="lazy" src="@/assets/icons/Telegram_blue.svg">
+            </a> 
+            <a class="mn-r-small" href="https://t.me/weederdelivery" target="_blank"> 
+              <img loading="lazy" src="@/assets/icons/Telegram_blue.svg">
+            </a> 
+          </div>
         </a>
-      </ul>
-      
+        
+      </div>
 
-      <ul class="lh-semi nav-footer col">
-        <li class="mn-b-small t-semi h5">
-          {{t('information')}}
-        </li>
-       
-      </ul>
-      
-      <ul class="lh-semi col">
-        <li class="mn-b-small t-semi h5">{{t('email')}}</li>
-        <div class="mn-b-medium">
-          <li>Phuket,</li>
-          <li>43 283 Soi Boathouse,</li>
-          <li>Rawai</li>
-        </div>
+      <div class="cols-3 mobile:cols-1 section">
         
+        <ul class="lh-semi nav-footer col">
+          <li class="mn-b-small t-semi h5">
+            {{t('store')}}
+          </li>
+
+          <div class="mn-b-medium ol">
+            <li v-for="(category,index) in categories.state.all">
+              <router-link :to="getMarketplaceLink([category.url])">
+                <span v-html="t('categories[' + index + ']')"></span>
+              </router-link>  
+            </li>
+          </div>
+
+          <a href="https://ozdao.dev" target="_blank">
+            <img loading="lazy" src="/icons/ozdao.svg">
+          </a>
+        </ul>
         
 
-      </ul>
+        <ul class="lh-semi nav-footer col">
+          <li class="mn-b-small t-semi h5">
+            {{t('information')}}
+          </li>
+         
+        </ul>
+        
+        <ul class="lh-semi col">
+          <li class="mn-b-small t-semi h5">{{t('email')}}</li>
+          <div class="mn-b-medium">
+            <li>Phuket,</li>
+            <li>43 283 Soi Boathouse,</li>
+            <li>Rawai</li>
+          </div>
+          
+          
+
+        </ul>
+
+      </div> 
+   <li  v-for="(page,index) in pages">
+
+            <router-link :to="{ name: 'Page', params: { url: page.url}}" class="col nav-link">
+               <span v-html="t('pages[' + index + ']')"></span>
+            </router-link>
+          </li>
+      
+      <p class="t-semi uppercase t-center">
+        {{ t('year') }} 
+        <span class="t-main copyleft">{{ t('heart') }}</span> 
+        {{ t('name') }}, {{ t('tagline') }} 
+        <a href="https://ozdao.dev" class="t-main" target="_blank" rel="noopener" >OZ DAO.</a>
+      </p>
+    </footer>
+  </template>
+
+  <script setup="props">
+    import { computed,onMounted, toRefs,ref } from 'vue'
+    import { useRouter, useRoute } from 'vue-router'
+    import { useI18n }    from 'vue-i18n'
+    
+    import * as categories from '@martyrs/src/modules/products/store/categories.js';
 
-    </div>  -->
- <!-- <li  v-for="(page,index) in pages"> -->
+    // Props
+    const props = defineProps({
+      theme: {
+        type: String,
+        default: "light"
+      }
+    });
 
-          <!-- <router-link :to="{ name: 'Page', params: { url: page.url}}" class="col nav-link"> -->
-             <!-- <span v-html="t('pages[' + index + ']')"></span> -->
-          <!-- </router-link> -->
-        <!-- </li> -->
-    
-    <p class="t-semi uppercase t-center">
-      {{ t('year') }} 
-      <span class="t-main copyleft">{{ t('heart') }}</span> 
-      {{ t('name') }}, {{ t('tagline') }} 
-      <a href="https://ozdao.dev" class="t-main" target="_blank" rel="noopener" >OZ DAO.</a>
-    </p>
-  </footer>
-</template>
-
-<script setup="props">
-  import { computed,onMounted, toRefs,ref } from 'vue'
-  import { useRouter, useRoute } from 'vue-router'
-  import { useI18n }    from 'vue-i18n'
-  
-  import * as categories from '@martyrs/src/modules/products/store/categories.js';
-
-  // Props
-  const props = defineProps({
-    theme: {
-      type: String,
-      default: "light"
-    }
-  });
-
-  const router = useRouter()
-  const route = useRoute()
-    
-  const text = {
-    locale: 'en',
-    messages: {
-      en: {
-        store: 'Online Store',
-        information: "Information",
-        description: "Weeder Delivery stocks a wide range of quality!",
-        app: 'Get Our App',
-        adress: 'Adress',
-        support: 'Get Online Support',
-        socials: 'Find Us in Socials',
-        email: 'Contact by email',
-        // request: 'hello@weeder.delivery',
-        time: "24 / 7 Seven days a week",
-        copyright: "2024 © Weeder Delivery. Proudly created with OZ DAO.",
-        pages: [],
-        categories: [],
-        year: "2024",
-        heart: "❤",
-        name: "Weeder",
-        tagline: "Builded with love in"
-      },
-      ru: {
-        store: 'Онлайн Каталог',
-        information: "Информация",
-        description: "Weeder Delivery предлагает широкий ассортимент качественных!",
-        app: 'Скачайте Наше Приложение',
-        adress: 'Адрес',
-        support: 'Онлайн Поддержка',
-        socials: 'Найдите Нас в Социальных Сетях',
-        email: 'Связаться по email',
-        // request: 'hello@weeder.delivery',
-        time: "24 / 7 без перерывов",
-        copyright: "2024 © Weeder Delivery. С гордостью создано OZ DAO.",
-        pages: [],
-        categories: []
+    const router = useRouter()
+    const route = useRoute()
+      
+    const text = {
+      locale: 'en',
+      messages: {
+        en: {
+          store: 'Online Store',
+          information: "Information",
+          description: "Weeder Delivery stocks a wide range of quality!",
+          app: 'Get Our App',
+          adress: 'Adress',
+          support: 'Get Online Support',
+          socials: 'Find Us in Socials',
+          email: 'Contact by email',
+          // request: 'hello@weeder.delivery',
+          time: "24 / 7 Seven days a week",
+          copyright: "2024 © Weeder Delivery. Proudly created with OZ DAO.",
+          pages: [],
+          categories: [],
+          year: "2024",
+          heart: "❤",
+          name: "Weeder",
+          tagline: "Builded with love in"
+        },
+        ru: {
+          store: 'Онлайн Каталог',
+          information: "Информация",
+          description: "Weeder Delivery предлагает широкий ассортимент качественных!",
+          app: 'Скачайте Наше Приложение',
+          adress: 'Адрес',
+          support: 'Онлайн Поддержка',
+          socials: 'Найдите Нас в Социальных Сетях',
+          email: 'Связаться по email',
+          // request: 'hello@weeder.delivery',
+          time: "24 / 7 без перерывов",
+          copyright: "2024 © Weeder Delivery. С гордостью создано OZ DAO.",
+          pages: [],
+          categories: []
+        }
       }
-    }
-  };
+    };
 
-  categories.state.all.forEach( category => {
-    category.localization.forEach( localization => {
-      text.messages[localization.locale].categories.push(localization.text)
+    categories.state.all.forEach( category => {
+      category.localization.forEach( localization => {
+        text.messages[localization.locale].categories.push(localization.text)
+      })
     })
-  })
 
-  onMounted(async() => {
+    onMounted(async() => {
 
-    await categories.actions.read()
+      await categories.actions.read()
 
-  })
+    })
 
 
-  // state.pages.all.forEach( page => {
-  //   page.localization.forEach( localization => {
-  //     text.messages[localization.locale].pages.push(localization.text)
-  //   })
-  // })
+    // state.pages.all.forEach( page => {
+    //   page.localization.forEach( localization => {
+    //     text.messages[localization.locale].pages.push(localization.text)
+    //   })
+    // })
 
-  const { t } = useI18n(text)
-  // const pages = computed(() => state.pages.all.filter(page => (page.groups.includes('all') || page.groups.includes('footer'))))
-</script>
+    const { t } = useI18n(text)
+    // const pages = computed(() => state.pages.all.filter(page => (page.groups.includes('all') || page.groups.includes('footer'))))
+  </script>
 
-<style lang="scss">
-</style>
+  <style lang="scss">
+  </style>

package/src/modules/globals/views/mixins/mixins.js

@@ -49,26 +49,45 @@ export function useGlobalMixins() {
     return currency;
   };
 
-   const formatPrice = number => {
-  try {
-    if (number == null) {
-      throw new TypeError('formatPrice: ожидается число, но получено null или undefined');
+  const formatPrice = number => {
+    try {
+      if (number == null) {
+        throw new TypeError('formatPrice: ожидается число, но получено null или undefined');
+      }
+
+      const currency = returnCurrency();
+      const absNumber = Math.abs(number)
+        .toFixed(2)
+        .replace('.', ',')
+        .replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+
+      const sign = number < 0 ? '-' : '';
+      return `${sign} ${currency}${absNumber}`;
+    } catch (err) {
+      console.error(err);
+      return 'null';
+    }
+  };
+  
+  const replaceClasses = (original = '', map = null) => {
+    if (map == null && typeof original !== 'string') return '';
+    if (typeof map === 'string') {
+      const orig = typeof original === 'string' ? original.trim().split(/\s+/) : [];
+      const next = map.trim().split(/\s+/);
+      const replaceSet = new Set(next);
+      const replaced = orig.map(cls => (replaceSet.has(cls) ? next.find(c => c !== cls) || cls : cls));
+      const extra = next.filter(c => !orig.includes(c));
+      return [...new Set([...replaced, ...extra])].join(' ');
     }
 
-    const currency = returnCurrency();
-    const absNumber = Math.abs(number)
-      .toFixed(2)
-      .replace('.', ',')
-      .replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
-
-    const sign = number < 0 ? '-' : '';
-    return `${sign} ${currency}${absNumber}`;
-  } catch (err) {
-    console.error(err);
-    return 'null';
-  }
-};
+    if (typeof map === 'object' && map !== null) {
+      const orig = typeof original === 'string' ? original.trim().split(/\s+/) : [];
+      return orig.map(cls => map[cls] ?? cls).join(' ');
+    }
 
+    return typeof original === 'string' ? original.trim() : '';
+  };
+    
 
   const formatDate = (d, options = {}) => {
     var fixedDate = new Date(d);
@@ -274,6 +293,7 @@ export function useGlobalMixins() {
     formatPrice,
     formatDate,
     formateText,
+    replaceClasses,
     normalizeUrlParam,
     joinArrayToUrl,
     getMarketplaceLink,

package/src/modules/globals/views/plugins/popup.auth.plugin.js

@@ -0,0 +1,77 @@
+// @martyrs/src/modules/auth/views/plugins/authPlugin.js
+import { reactive, defineComponent, h, render } from 'vue';
+import PopupAuth from '@martyrs/src/modules/globals/views/components/blocks/PopupAuth.vue';
+
+// 1) Общее состояние и API
+const state = reactive({
+  visible: false,
+  title: 'Welcome',
+  subtitle: 'Please sign in or create an account to continue.',
+  returnUrl: '',
+  resolve: null,
+  reject: null
+});
+
+export function showAuth({ 
+  title = 'Welcome', 
+  subtitle = 'Please sign in or create an account to continue.',
+  returnUrl = ''
+} = {}) {
+  return new Promise((res, rej) => {
+    state.resolve = res;
+    state.reject = rej;
+    state.title = title;
+    state.subtitle = subtitle;
+    state.returnUrl = returnUrl;
+    state.visible = true;
+  });
+}
+
+export function closeAuth(result = null) {
+  state.visible = false;
+  state.resolve?.(result);
+  state.resolve = state.reject = null;
+}
+
+export function cancelAuth() {
+  state.visible = false;
+  state.reject?.(new Error('Authentication cancelled'));
+  state.resolve = state.reject = null;
+}
+
+// 2) Хост-компонент
+const AuthDialogHost = defineComponent({
+  name: 'AuthDialogHost',
+  setup() {
+    return () => {
+      if (!state.visible) return null;
+      
+      return h(PopupAuth, {
+        authState: state,
+        closeAuth: closeAuth,
+        'onClose-popup': cancelAuth
+      });
+    };
+  }
+});
+
+// 3) Плагин
+export default {
+  install(app) {
+    // 3.1) Глобальный метод
+    app.config.globalProperties.$auth = showAuth;
+    app.config.globalProperties.$showAuth = showAuth;
+    
+    // 3.2) Контейнер в body
+    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
+      const container = document.createElement('div');
+      container.id = 'auth-dialog-host';
+      document.body.appendChild(container);
+      
+      // 3.3) Рендерим VNode в контексте основного app
+      const vnode = h(AuthDialogHost);
+      vnode.appContext = app._context;    // <-- ключевой момент
+      render(vnode, container);
+    }
+  }
+};

package/src/modules/globals/views/store/globals.js

@@ -138,46 +138,6 @@ const actions = {
   },
 };
 
-const errorMessages = {
-  ru: {
-    errors: {
-      USER_ALREADY_REGISTERED: 'Такой пользователь уже зарегистрирован!',
-      USER_NOT_REGISTERED_YET: 'Такой пользователь еще не зарегистрирован!',
-      USER_PHONE_OR_PASSWORD_NOT_FOUND: 'Пользователь с таким телефоном или паролем не найден!',
-      INCORRECT_PASSWORD_ENTERED: 'Вы ввели неверный пароль!',
-      INVALID_INVITATION_CODE: 'Неверный код приглашения',
-      MISSING_REQUIRED_PARAMETERS: 'Отсутствуют необходимые параметры.',
-      ERROR_UPDATING_USER: 'Произошла ошибка при обновлении пользователя.',
-      PASSWORDS_DO_NOT_MATCH: 'Введенные вами пароли не совпадают. Исправьте ошибки и попробуйте еще раз.',
-      CODE_NOT_SENT: 'Что-то пошло не так и код не был отправлен. Попробуйте еще раз.',
-      INPUT_ERROR: 'Вставьте только четырехзначный код.',
-      WRONG_CODE: 'Вы ввели неверный код. Попробуйте еще раз.',
-      POST_URL_ALREADY_IN_USE: 'Ошибка! Публикация с этим URL уже используется!',
-      NAME_CANNOT_BE_EMPTY: 'Ошибка: Название не может быть пустым. Пожалуйста, введите название.',
-    },
-  },
-  en: {
-    errors: {
-      USER_ALREADY_REGISTERED: 'Such user is already registered!',
-      USER_NOT_REGISTERED_YET: 'This user has not been registered yet!',
-      USER_PHONE_OR_PASSWORD_NOT_FOUND: 'User with such phone or password not found!',
-      INCORRECT_PASSWORD_ENTERED: 'You entered an incorrect password!',
-      INVALID_INVITATION_CODE: 'Incorrect invitation code.',
-      MISSING_REQUIRED_PARAMETERS: 'Missing required parameters.',
-      ERROR_UPDATING_USER: 'Something wrong when updating user.',
-      PASSWORDS_DO_NOT_MATCH: 'The passwords you entered do not match. Please correct the errors and try again.',
-      CODE_NOT_SENT: 'Something went wrong and the code was not sent. Please try again.',
-      INPUT_ERROR: 'Please enter only a four-digit code.',
-      WRONG_CODE: 'You entered an incorrect code. Please try again.',
-      POST_URL_ALREADY_IN_USE: 'Failed! Blogpost with this URL is already in use!',
-      NAME_CANNOT_BE_EMPTY: 'Error: Name cannot be empty. Please enter a name.',
-    },
-  },
-};
-
-// i18n.global.mergeLocaleMessage('ru', errorMessages.ru);
-// i18n.global.mergeLocaleMessage('en', errorMessages.en);
-
 // Mutations
 function setError(error) {
   state.error.show = true;

package/src/modules/icons/entities/IconList.vue

@@ -0,0 +1,14 @@
+<template>
+	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path :fill="fill" :class="$attrs.class" fill-rule="evenodd" clip-rule="evenodd" d="M19.2258 22.1538C19.0902 22.5397 18.8686 22.8942 18.5732 23.1886C18.0545 23.7083 17.3502 24 16.6154 24H2.76923C2.03446 24 1.33015 23.7083 0.811383 23.1886C0.29169 22.6698 0 21.9655 0 21.2308V6.46154C0 5.72677 0.29169 5.02246 0.811383 4.50369C1.33015 3.984 2.03446 3.69231 2.76923 3.69231H3.69231V2.76923C3.69231 2.02892 3.99785 1.31815 4.54893 0.794769C5.08247 0.288 5.80432 0 6.55847 0H21.1338C21.888 0 22.6098 0.288 23.1434 0.794769C23.6945 1.31815 24 2.02892 24 2.76923V19.3846C24 20.1249 23.6945 20.8357 23.1434 21.3591C22.6098 21.8659 21.888 22.1538 21.1338 22.1538H19.2258ZM5.53846 3.69231H16.6154C17.3502 3.69231 18.0545 3.984 18.5732 4.50369C19.0929 5.02246 19.3846 5.72677 19.3846 6.46154V20.3077H21.1338C21.4098 20.3077 21.6766 20.2061 21.8723 20.0206C22.0505 19.8517 22.1538 19.6237 22.1538 19.3846V2.76923C22.1538 2.53015 22.0505 2.30215 21.8723 2.13323C21.6766 1.94769 21.4098 1.84615 21.1338 1.84615H6.55847C6.28247 1.84615 6.01569 1.94769 5.81999 2.13323C5.64184 2.30215 5.53846 2.53015 5.53846 2.76923V3.69231ZM17.5385 6.46154C17.5385 6.21692 17.4415 5.98154 17.268 5.80892C17.0954 5.63538 16.86 5.53846 16.6154 5.53846H2.76923C2.52462 5.53846 2.28923 5.63538 2.11661 5.80892C1.94308 5.98154 1.84615 6.21692 1.84615 6.46154V21.2308C1.84615 21.4754 1.94308 21.7108 2.11661 21.8834C2.28923 22.0569 2.52462 22.1538 2.76923 22.1538H16.6154C16.86 22.1538 17.0954 22.0569 17.268 21.8834C17.4415 21.7108 17.5385 21.4754 17.5385 21.2308V6.46154ZM4.61538 14.7692C4.10585 14.7692 3.69231 14.3557 3.69231 13.8462C3.69231 13.3366 4.10585 12.9231 4.61538 12.9231H14.7692C15.2788 12.9231 15.6923 13.3366 15.6923 13.8462C15.6923 14.3557 15.2788 14.7692 14.7692 14.7692H4.61538ZM4.61538 19.3846C4.10585 19.3846 3.69231 18.9711 3.69231 18.4615C3.69231 17.952 4.10585 17.5385 4.61538 17.5385H14.7692C15.2788 17.5385 15.6923 17.952 15.6923 18.4615C15.6923 18.9711 15.2788 19.3846 14.7692 19.3846H4.61538ZM4.61538 10.1538C4.10585 10.1538 3.69231 9.74031 3.69231 9.23077C3.69231 8.72123 4.10585 8.30769 4.61538 8.30769H14.7692C15.2788 8.30769 15.6923 8.72123 15.6923 9.23077C15.6923 9.74031 15.2788 10.1538 14.7692 10.1538H4.61538Z"/>
+	</svg>
+</template>
+
+<script setup>
+	const props = defineProps({
+	  fill: {
+	    type: String,
+	    default: 'rgb(var(--black))'
+	  }
+	})
+</script>

package/src/modules/icons/navigation/IconCheck.vue

@@ -21,9 +21,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>

package/src/modules/icons/navigation/IconDoubleCheck.vue

@@ -21,9 +21,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>

package/src/modules/icons/navigation/IconLike.vue

@@ -27,9 +27,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
   isLiked: {
     type: Boolean,

package/src/modules/icons/navigation/IconMute.vue

@@ -21,9 +21,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>

package/src/modules/icons/navigation/IconPause.vue

@@ -21,9 +21,7 @@
 	const props = defineProps({
   fill: {
     type: String,
-    default: {
-      position: 'rgb(var(--black))'
-    }
+    default: 'rgb(var(--black))'
   },
 })
 </script>

package/src/modules/icons/navigation/IconPlay.vue

@@ -1,17 +1,14 @@
+<script setup>
+  const props = defineProps({
+    fill: {
+      type: String,
+      default: 'rgb(var(--black))'
+    },
+  })
+</script>
+
 <template>
-	<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80" fill="none">
-	  <path :fill="fill" d="M25.2765 9.37509L29.0265 5.93759C30.589 4.53134 32.9327 4.68759 34.339 6.25009L63.2453 37.8126C64.339 39.0626 64.339 40.9376 63.2453 42.1876L34.339 73.7501C32.9327 75.3126 30.589 75.4689 29.0265 74.0626L25.2765 70.6251C23.714 69.3751 23.5577 66.8751 24.964 65.4689L48.4015 40.0001L24.964 14.5313C23.5577 13.1251 23.714 10.6251 25.2765 9.37509Z"/>
+	<svg width="9" height="11" viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path :fill="fill" d="M0.764999 10.9248C0.431975 11.1329 0 10.8935 0 10.5008V0.5008C0 0.108082 0.431975 -0.13134 0.764999 0.0768003L8.765 5.0768C9.07833 5.27263 9.07833 5.72896 8.765 5.9248L0.764999 10.9248ZM7.5566 5.5008L1 1.40292V9.59868L7.5566 5.5008Z"/>
 	</svg>
-</template>
-
-
-<script>
-	export default {
-	  props: {
-	    fill: {
-	      type: String,
-	      default: 'rgb(var(--black)'
-	    }
-	  }
-	}
-</script>
+</template>