@ozdao/prometheus-framework 0.2.188 → 0.2.190

package/src/modules/events/controllers/tickets.controller.js

@@ -4,7 +4,7 @@ const puppeteer = require("puppeteer");
 const QRCode = require("qrcode");
 const Mustache = require("mustache");
 
-const { sendEmail } = require('@pf/src/modules/globals/utils/mailing');
+const { sendEmail } = require('@pf/src/modules/globals/controllers/utils/mailing');
 
 const { renderTemplate: renderTicketTemplate } = require('./utils/templateTicket');
 const { renderTemplate: renderEmailTemplate } = require('./utils/templateEmail');

package/src/modules/events/models/event.model.js

@@ -1,7 +1,7 @@
-const applyCommonSchema = require('@pf/src/modules/globals/models/common.schema.js');
-const applyEngagementSchema = require('@pf/src/modules/globals/models/engagement.schema.js');
-const applyOwnershipSchema = require('@pf/src/modules/globals/models/ownership.schema.js');
-const applyMetadataSchema = require('@pf/src/modules/globals/models/metadata.schema.js');
+const applyCommonSchema = require('@pf/src/modules/globals/models/schemas/common.schema.js');
+const applyEngagementSchema = require('@pf/src/modules/globals/models/schemas/engagement.schema.js');
+const applyOwnershipSchema = require('@pf/src/modules/globals/models/schemas/ownership.schema.js');
+const applyMetadataSchema = require('@pf/src/modules/globals/models/schemas/metadata.schema.js');
 
 module.exports = (db) => {
 

package/src/modules/events/store/events.js

@@ -5,7 +5,7 @@ const $axios = axios.create({baseURL: process.env.API_URL, withCredentials: true
 // Vue modules
 import { reactive, ref, computed, toRefs, watch  } from "vue";
 // Globals
-import { setError }   from '@pf/src/modules/globals/store/globals'
+import { setError }   from '@pf/src/modules/globals/views/store/globals'
 // State
 const state = reactive({
   all: [],

package/src/modules/events/store/tickets.js

@@ -5,7 +5,7 @@ import axios from 'axios';
 import { reactive, watch } from "vue";
 
 // Globals 
-import { setError } from '@pf/src/modules/globals/store/globals';
+import { setError } from '@pf/src/modules/globals/views/store/globals';
 
 // Setup Axios
 const $axios = axios.create({

package/src/modules/gallery/components/pages/Gallery.vue

@@ -62,13 +62,13 @@
 <script setup>
 	import { ref, onMounted, reactive, computed } from 'vue'
 
-	import Title from '@pf/src/modules/globals/components/sections/Title.vue';
+	import Title from '@pf/src/modules/globals/views/components/sections/Title.vue';
 
 	import Feed from '@pf/src/components/Feed/Feed.vue'
 	import Popup from '@pf/src/components/Popup/Popup.vue'
 	import PhotoViewer from '@pf/src/components/PhotoViewer/PhotoViewer.vue'
 
-	import SectionPageTitle from '@pf/src/modules/globals/components/sections/SectionPageTitle.vue'
+	import SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'
 
 	import gallery from '@pf/src/modules/gallery/store/gallery';
 

package/src/modules/gallery/components/sections/BackofficeGallery.vue

@@ -162,8 +162,8 @@ import * as organizations from '@pf/src/modules/organizations/store/organization
   
 import gallery from '@pf/src/modules/gallery/store/gallery';
 
-import CardHeader  from '@pf/src/modules/globals/components/blocks/CardHeader.vue'
-import SectionPageTitle from '@pf/src/modules/globals/components/sections/SectionPageTitle.vue'
+import CardHeader  from '@pf/src/modules/globals/views/components/blocks/CardHeader.vue'
+import SectionPageTitle from '@pf/src/modules/globals/views/components/sections/SectionPageTitle.vue'
 
 
 

package/src/modules/gallery/models/photo.model.js

@@ -1,6 +1,6 @@
-const applyCommonSchema = require('@pf/src/modules/globals/models/common.schema.js');
-const applyEngagementSchema = require('@pf/src/modules/globals/models/engagement.schema.js');
-const applyOwnershipSchema = require('@pf/src/modules/globals/models/ownership.schema.js');
+const applyCommonSchema = require('@pf/src/modules/globals/models/schemas/common.schema.js');
+const applyEngagementSchema = require('@pf/src/modules/globals/models/schemas/engagement.schema.js');
+const applyOwnershipSchema = require('@pf/src/modules/globals/models/schemas/ownership.schema.js');
 
 module.exports = (db) => {
   const PhotoSchema = new db.mongoose.Schema({

package/src/modules/gallery/store/gallery.js

@@ -1,4 +1,4 @@
-import Store from '@pf/src/modules/globals/services/globals.store.js'
+import Store from '@pf/src/modules/globals/views/classes/globals.store.js'
 
 const gallery = new Store(`${process.env.API_URL}/api/gallery`)
 

package/src/modules/globals/{services → controllers/classes}/globals.crud.js

@@ -1,7 +1,7 @@
 const globalsQuery = require('@pf/src/modules/globals/controllers/utils/queryProcessor');
 
-const Cache = require('@pf/src/modules/globals/services/globals.cache');
-const Logger = require('@pf/src/modules/globals/services/globals.logger');
+const Cache = require('@pf/src/modules/globals/controllers/classes/globals.cache');
+const Logger = require('@pf/src/modules/globals/controllers/classes/globals.logger');
 
 class CRUD {
   constructor(basePath, app, db, model) {

package/src/modules/globals/globals.client.js

@@ -1,19 +1,94 @@
 // Components
 // import Client from "./components/layouts/Client.vue"
 
-import getBrowserLocale from './localization/get-browser-locale.js';
-import routerGuards from './router/routerGuards.js';
-import scrollBehavior from './router/scrollBehavior.js';
+import getBrowserLocale from './views/localization/get-browser-locale.js';
+import scrollBehavior from './views/router/scrollBehavior.js';
 
-import * as mixins from './mixins/mixins.js'
-import * as globalStore from './store/globals.js';
+import layoutApp from './views/components/layouts/App.vue'
+import layoutClient from './views/components/layouts/Client.vue'
+
+import * as mixins from './views/mixins/mixins.js'
+import * as storeGlobals from './views/store/globals.js';
 
 export {
   // Client,
   mixins,
-  routerGuards,
   scrollBehavior,
   getBrowserLocale,
-  
-  globalStore
+  // Store
+  storeGlobals,
+  // Components
+  layoutClient,
+  layoutApp
 };
+
+// Пример функции инициализации для модуля заказов
+function initializeGlobals(app, store, router, options = {}) {
+  const route = options.route || 'Home';
+
+  const envVariables = [
+    'NODE_ENV',
+    'PORT',
+    'APP_NAME',
+    'DOMAIN_URL',
+    'API_URL',
+    'WSS_URL',
+    'FILE_SERVER_URL',
+    'WDT_TOKEN',
+    'WDM_URL_PROD',
+    'GOOGLE_MAPS_API_KEY',
+    'MOBILE_APP'
+  ];
+
+  app.config.globalProperties.DOMAIN_URL = process.env.DOMAIN_URL;
+  app.config.globalProperties.API_URL = process.env.API_URL;
+  app.config.globalProperties.MOBILE_APP = process.env.MOBILE_APP;
+  app.config.globalProperties.FILE_SERVER_URL = process.env.FILE_SERVER_URL;
+  app.config.globalProperties.GOOGLE_MAPS_API_KEY = process.env.GOOGLE_MAPS_API_KEY;
+
+  app
+    .mixin(mixins.globalMixins);
+  
+  // Change Locale to Route Locale if available
+  router.beforeEach((to, from, next) => {
+    const locale = to.params.locale;
+
+    if (locale) {
+      if (!app.config.globalProperties.$i18n.availableLocales.includes(locale)) {
+        return next({ path: '/404' });
+      } else {
+       app.config.globalProperties.$i18n.locale = locale;
+       return next();
+      }
+    }
+
+    return next();
+    
+  });
+
+  store.addStore('globals', storeGlobals);
+
+  router.addRoute(route, { path: '/404', name: 'notfound', component: () => import('@pf/src/modules/globals/views/components/pages/404.vue') });
+  router.addRoute(route, { path: '/401', name: 'unauthorized', component: () => import('@pf/src/modules/globals/views/components/pages/401.vue') });
+  router.addRoute(route, { path: '/:pathMatch(.*)*', name: 'NotFound', redirect: { name: 'notfound' } });
+ 
+}
+
+const ModuleGlobals = {
+  initialize: initializeGlobals,
+  views: {
+    store: {
+      storeGlobals,
+    },
+    router: {
+      // routerOrders
+    },
+    components: {
+      // Pages
+      layoutClient,
+      layoutApp
+    }
+  }
+}
+
+export default ModuleGlobals

package/src/modules/globals/globals.server.js

@@ -1,7 +1,7 @@
 // Importing utils
-const sitemap = require('./utils/sitemap.js');
-const mailing = require('./utils/mailing.js');
-const parseCookie = require('./utils/parseCookie.js');
+const sitemap = require('./controllers/utils/sitemap.js');
+const mailing = require('./controllers//utils/mailing.js');
+const parseCookie = require('./controllers/utils/parseCookie.js');
 
 // Since controllers and routes are not specified in your folder structure, they are not imported here.
 

package/src/modules/globals/models/{metadata.schema.js → schemas/metadata.schema.js}

@@ -1,5 +1,5 @@
 // Utils
-const createFriendlyURL = require('@pf/src/modules/globals/utils/seo-friendly-url');
+const createFriendlyURL = require('@pf/src/modules/globals/controllers/utils/seo-friendly-url');
 
 module.exports = function applyMetadataSchema(schema,db) {
   schema.add({

package/src/modules/globals/{services → views/classes}/globals.store.js

@@ -1,7 +1,7 @@
 import { reactive } from 'vue';
 
 // Globals 
-import { setError }   from '@pf/src/modules/globals/store/globals'
+import { setError }   from '@pf/src/modules/globals/views/store/globals'
 
 class Store {
   constructor(apiUrl) {

package/src/modules/globals/{components → views/components}/blocks/BlockSorting.vue

@@ -3,7 +3,7 @@ import { ref } from 'vue';
 
 import Radio from "@pf/src/components/Radio/Radio.vue";
 
-import ButtonSort  from '@pf/src/modules/globals/components/elements/ButtonSort.vue'
+import ButtonSort  from '@pf/src/modules/globals/views/components/elements/ButtonSort.vue'
 import IconSort from '@pf/src/modules/icons/navigation/IconSort.vue'
 
 const props = defineProps({

package/src/modules/globals/views/components/layouts/App.vue

@@ -0,0 +1,104 @@
+<template>
+  <transition name="moveFromTop" mode="out-in" appear>
+    <router-view 
+      v-if="!MOBILE_APP"
+      name="Header" 
+      ref="header" 
+      class="transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0" 
+      :theme="headerTheme"
+      :logotype="logotype"
+      :class="{
+        'pos-l-70': globals.state.isOpenSidebar,
+        'pos-l-0': !globals.state.isOpenSidebar,
+      }"
+    >
+    </router-view>
+  </transition>
+
+  <router-view v-slot="{ Component }">
+    <component :is="Component"/>
+  </router-view>
+</template>
+
+<script setup>
+  import { useHead } from '@unhead/vue'
+  import { useI18n } from 'vue-i18n'
+  import { useRoute } from 'vue-router'
+  import { computed } from 'vue'
+
+  import * as globals from '@pf/src/modules/globals/views/store/globals'
+
+  const props = defineProps({
+    messages: {
+      type: Object,
+      required: true
+    },
+    logotype: {
+      type: Object
+    }
+  })
+
+  const { t, locale } = useI18n({
+    messages: props.messages
+  })
+
+  const current_url = computed(() => removeTrailingSlash(`${base_url}${route.path}`));
+
+  const route = useRoute();
+
+  const languages = ['en', 'ru'];
+  const base_url = 'https://weeder.delivery';
+
+
+  function removeTrailingSlash(url) {
+    return url.endsWith('/') ? url.slice(0, -1) : url;
+  }
+
+  // Используйте эту функцию, чтобы удалить слэш в конце URL
+  const metadata = computed(() => {return {
+    title: t('meta.title'),
+    description: t('meta.description'),
+    meta: [
+        { charset: 'utf-8' },
+        { name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no' },
+        { hid: 'description', name: 'description', content: t('meta.description') },
+        { hid: 'keywords', name: 'keywords', content: t('meta.keywords') },
+        { hid: 'og:title', property: 'og:title', content: t('meta.og.title') },
+        { hid: 'og:description', property: 'og:description', content: t('meta.og.description') },
+        { hid: 'og:image', property: 'og:image', content: base_url + '/favicon/cover.jpg' },
+        { hid: 'og:url', property: 'og:url', content: current_url.value },
+        { hid: 'twitter:title', name: 'twitter:title', content: t('meta.twitter.title') },
+        { hid: 'twitter:description', name: 'twitter:description', content: t('meta.twitter.description') },
+        { hid: 'twitter:image', name: 'twitter:image', content: base_url + '/favicon/cover.jpg' },
+        { hid: 'twitter:card', name: 'twitter:card', content: t('meta.twitter.card') },
+        ],
+    link: [
+        { hid: 'canonical', rel: 'canonical', href: current_url.value },
+        ...generateAlternateLinks.value,
+    ],
+    htmlAttrs: { lang: t('meta.htmlAttrs.lang')}
+  }});
+
+  const generateAlternateLinks = computed(() => {
+    return languages.map(lang => {
+      let newPath = route.path;
+
+      console.log(route)
+
+      if (route.params.locale) {
+        newPath = newPath.replace(`/${route.params.locale}`, `/${lang}`);
+      } else {
+        newPath = `/${lang}${newPath}`;
+      }
+      const href = removeTrailingSlash(`${base_url}${newPath}`);
+      return { 
+        hid: 'alternate', 
+        rel: 'alternate', 
+        hreflang: lang, 
+        href: href
+      };
+    });
+  });
+
+  useHead(metadata.value)
+</script>

package/src/modules/globals/{components → views/components}/layouts/Client.vue

@@ -21,38 +21,18 @@
 	    </section>
 	  </transition>
 
-		<transition name="moveFromTop" mode="out-in" appear>
-			<Header 
-				v-if="!MOBILE_APP"
-				ref="header" 
-				class="transition-ease-in-out pos-relative br-b br-solid br-grey-transp-10 pos-t-0" 
-				:theme="headerTheme"
-				:class="{
-					'pos-l-70': store.globals.state.isOpenSidebar,
-					'pos-l-0': !store.globals.state.isOpenSidebar,
-				}"
-			/>
-		</transition>
-
-		<transition name="moveFromTop" mode="out-in" appear>
-			<NavigationBar
-		  	v-if="MOBILE_APP"
-				:style="MOBILE_APP === 'ios' ?'padding-top: 6rem;':''" 
-		  />
-		</transition>
-
 		<transition name="moveFromTop" mode="out-in" appear>
 			<Sidebar 
-				v-if="show && store.globals.state.isOpenSidebar" 
-				:stateSidebar="store.globals.state.isOpenSidebar" 
+				v-if="show && globals.state.isOpenSidebar" 
+				:stateSidebar="globals.state.isOpenSidebar" 
 				@closeSidebar="() => { 
-					store.globals.state.isOpenSidebar = !store.globals.state.isOpenSidebar 
+					globals.state.isOpenSidebar = !globals.state.isOpenSidebar 
 				}"
 
 				class="transition-ease-in-out pos-absolute w-70 z-index-0  bg-light"
 				:class="{
-					'pos-l-70-negative': !store.globals.state.isOpenSidebar,
-					'pos-l-0': store.globals.state.isOpenSidebar
+					'pos-l-70-negative': !globals.state.isOpenSidebar,
+					'pos-l-0': globals.state.isOpenSidebar
 				}"
 			>
 				<Navigation class="h3 pd-big cols-1" />
@@ -61,7 +41,7 @@
 
 	  <Popup 
 	  	@close-popup="closeLocationPopup" 
-	  	:isPopupOpen="store.globals.state.isOpenLocationPopup"
+	  	:isPopupOpen="globals.state.isOpenLocationPopup"
 	  	class="bg-white pd-semi w-m-33r radius-big"
 	  >	
 	  	<LocationSelection />
@@ -72,22 +52,22 @@
 			id="screen" 
 			ref="screen"
 			@scroll="handleScroll"
-			@click="store.globals.state.isOpenSidebar
+			@click="globals.state.isOpenSidebar
 				? 
-				a => store.globals.state.isOpenSidebar = false 
+				a => globals.state.isOpenSidebar = false 
 				: 
 				a => {console.log('not succes')}"
 			class="transition-ease-in-out h-min-100 w-100 bg-white pos-relative o-scroll"
 			:class="{
-				'pos-l-70': store.globals.state.isOpenSidebar,
-				'pos-l-0': !store.globals.state.isOpenSidebar
+				'pos-l-70': globals.state.isOpenSidebar,
+				'pos-l-0': !globals.state.isOpenSidebar
 			}"
 		>
 			<ShopCart />
 
 			<Status 
-				v-if="store.globals.state.error.show" 
-				:data="store.globals.state.error"
+				v-if="globals.state.error.show" 
+				:data="globals.state.error"
 				class="z-index-7" 
 			/>
 
@@ -98,7 +78,7 @@
 				/>
 			</section> -->
 
-			<!-- <Suspense> -->
+			<Suspense>
 				<router-view  v-slot="{ Component, route }">
 					<transition @before-enter="scrollTop" name="scaleIn" mode="out-in" appear>
 		      	<component 
@@ -108,7 +88,7 @@
 		      	/>
 		      </transition>
 				</router-view>
-			<!-- </Suspense> -->
+			</Suspense>
       <!-- <Footer /> -->
 		</section>
 
@@ -125,7 +105,7 @@
 	// Router
 	import { useRoute, useRouter } from 'vue-router'
 	// Store
-	import { useStore } from '@/store';
+	import * as globals from '@pf/src/modules/globals/views/store/globals'
 	// Partials
 	import Loader from '@pf/src/components/Loader/Loader.vue'
 	import Status from '@pf/src/components/Status/Status.vue'
@@ -134,11 +114,9 @@
 	import Breadcrumbs from '@pf/src/components/Breadcrumbs/Breadcrumbs.vue'
 	import LocationSelection from '@pf/src/components/LocationSelection/LocationSelection.vue'
 
-	import Header	from '@pf/src/modules/globals/components/partials/Header.vue'
-	import Navigation from '@pf/src/modules/globals/components/partials/Navigation.vue'
-	import Footer from '@pf/src/modules/globals/components/partials/Footer.vue'
-  import NavigationBar from '@pf/src/modules/globals/components/partials/NavigationBar.vue';
-  import BottomNavigation from '@pf/src/modules/globals/components/partials/BottomNavigation.vue';
+	import Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'
+	import Footer from '@pf/src/modules/globals/views/components/partials/Footer.vue'
+  import BottomNavigation from '@pf/src/modules/globals/views/components/partials/BottomNavigation.vue';
 
 	import ShopCart from '@pf/src/modules/orders/components/partials/ShopCart.vue'
 	// Walkthrough
@@ -146,7 +124,7 @@
   
   if (__MOBILE_APP__) {
 	  Walkthrough = defineAsyncComponent(() =>
-	    import('@pf/src/modules/globals/components/sections/Walkthrough.vue').then(_ => _.default)
+	    import('@pf/src/modules/globals/views/components/sections/Walkthrough.vue').then(_ => _.default)
 	  );
   } else {
     Walkthrough = null;
@@ -171,7 +149,6 @@
 	/////////////////////////////
 	const route = useRoute()
 	const router = useRouter()
-	const store = useStore();
 	// State
 	let show = ref(false)
 	// Preloader
@@ -179,6 +156,16 @@
 	const screen = ref(null)
 	// Ref Code
 	const referalCode = ref(route.query.referalCode);
+	
+	/////////////////////////////
+	// Methods
+	/////////////////////////////
+	function closeLocationPopup() {
+	  globals.state.isOpenLocationPopup = false;
+	}
+	function scrollTop(){
+		document.getElementById('app').scrollIntoView();
+	}
 	// Scrolling header
 	const scrollOffset = ref(0)
 	let isScrolled = false
@@ -191,15 +178,6 @@
 			return route.meta.header_theme || 'light'
 		}
 	})
-	/////////////////////////////
-	// Methods
-	/////////////////////////////
-	function closeLocationPopup() {
-	  store.globals.state.isOpenLocationPopup = false;
-	}
-	function scrollTop(){
-		document.getElementById('app').scrollIntoView();
-	}
 	const handleScroll = () => {
 	  scrollOffset.value = event.target.scrollTop
 
@@ -259,9 +237,9 @@
 		const savedPosition = localStorage.getItem('position');
 
 	  if (savedPosition) {
-	    store.globals.state.position = JSON.parse(savedPosition);
+	    globals.state.position = JSON.parse(savedPosition);
 	  } else {
-  		store.globals.state.isOpenLocationPopup = true;
+  		globals.state.isOpenLocationPopup = true;
 	  }
 
 		if (referalCode.value) {

package/src/modules/globals/{components → views/components}/partials/BottomNavigation.vue

@@ -63,12 +63,10 @@
 /////////////////////////////
 import { ref,computed } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
-import { useStore } from '@/store';
 
 /////////////////////////////
 // CREATED
 /////////////////////////////
-const store = useStore();
 const router = useRouter();
 const route = useRoute();
 const navRef = ref(null);

package/src/modules/globals/{components → views/components}/partials/Header.vue

@@ -6,13 +6,12 @@
 	import { useStore } from '@/store';
 	
 	// Globasls Component
-	import Navigation from '@pf/src/modules/globals/components/partials/Navigation.vue'
+	import Navigation from '@pf/src/modules/globals/views/components/partials/Navigation.vue'
 	// Prometheus Component
 	import Button from '@pf/src/components/Button/Button.vue'
 	import Select from '@pf/src/components/Select/Select.vue'
 	import Checkbox from '@pf/src/components/Checkbox/Checkbox.vue'
 	// Icons module
-	import Logotype from '@pf/src/modules/icons/logos/Logotype.vue'
 	import IconShopcart from '@pf/src/modules/icons/entities/IconShopcart.vue'
 	import IconProfile from '@pf/src/modules/icons/entities/IconProfile.vue'
 	
@@ -21,7 +20,10 @@
     theme: {
     	type: String,
 	    default: "light"
-    }
+    },
+    logotype: {
+	    type: Object
+	  }
   });
 	// Accessing state
 	const router = useRouter()
@@ -82,14 +84,16 @@
 	  </button>
 
 		<!-- LOGO -->
-		<Logotype
-			@click="router.push({ path: '/' })" 
-			:theme="theme"
-			class="
-				h-2r
-				w-auto
-				cursor-pointer
-			"
+		<component
+			v-if="props.logotype"
+		  :is="props.logotype"
+		  @click="router.push({ path: '/' })" 
+		  :theme="theme"
+		  class="
+		    h-2r
+		    w-auto
+		    cursor-pointer
+		  "
 		/>
 
 		<button

package/src/modules/globals/{components → views/components}/partials/Navigation.vue

@@ -2,7 +2,7 @@
   <ul class="t-semi gap-small flex-nowrap flex-center flex">
     <li>
       <router-link  
-        :to="getMarketplaceLink(null,store.globals.state.position?.country,store.globals.state.position?.state,store.globals.state.position?.city)"
+        :to="getMarketplaceLink(null,globals.state.position?.country,globals.state.position?.state,globals.state.position?.city)"
         class="font-second"
      >
         {{ t('HEADER.MENU.MARKETPLACE') }}
@@ -11,7 +11,7 @@
     <li>
       <router-link    
         class="font-second"
-        :to="getSpotsLink(store.globals.state.position?.country,store.globals.state.position?.state,store.globals.state.position?.city)"
+        :to="getSpotsLink(globals.state.position?.country,globals.state.position?.state,globals.state.position?.city)"
      >
         {{ t('HEADER.MENU.DISPENSARIES') }}
       </router-link>
@@ -61,7 +61,8 @@
 import { computed, } from 'vue';
 import { useRoute,useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { useStore } from '@/store';
+
+import * as globals from '@pf/src/modules/globals/views/store/globals'
 
 /////////////////////////////
 // HELPERS
@@ -71,7 +72,6 @@ import { useStore } from '@/store';
 // CREATED
 /////////////////////////////
 const route = useRoute()
-const store = useStore()
 // Compoted Vars
 const text = {
   messages: {

package/src/modules/globals/{components → views/components}/sections/Walkthrough.vue

@@ -16,7 +16,7 @@
       	class="flex-center flex-column flex pd-big embla__slide"
       >
       	<img
-      		src="/logo/logo_square.svg" 
+      		:src="'/logo/logo_square.svg'" 
       		class="i-extra radius-medium mn-b-small"
       	>
       	<h2 class="t-center mn-b-small">Welcome to The&nbsp;Commune</h2>