{{ $t('You haven’t searched for items yet') }}
@@ -217,12 +217,12 @@ import {
} from '@storefront-ui/vue';
import {
ref,
- watch,
computed,
defineComponent,
} from '@nuxtjs/composition-api';
import { productGetters, useUser, useWishlist } from '@vue-storefront/magento';
import { useUiHelpers, useImage } from '~/composables';
+import SvgImage from '~/components/General/SvgImage.vue';
export default defineComponent({
name: 'SearchResults',
@@ -233,6 +233,7 @@ export default defineComponent({
SfScrollable,
SfMenuItem,
SfButton,
+ SvgImage,
},
props: {
visible: {
@@ -244,7 +245,7 @@ export default defineComponent({
default: () => ({}),
},
},
- setup(props, { emit }) {
+ setup(props) {
const { isAuthenticated } = useUser();
const { isInWishlist, addItem, removeItem } = useWishlist('GlobalWishlist');
@@ -253,16 +254,6 @@ export default defineComponent({
const products = computed(() => props.result?.products);
const categories = computed(() => props.result?.categories);
- watch(() => props.visible, (newVal) => {
- isSearchOpen.value = newVal;
- if (isSearchOpen.value) {
- document.body.classList.add('no-scroll');
- } else {
- document.body.classList.remove('no-scroll');
- emit('removeSearchResults');
- }
- });
-
const addItemToWishlist = async (product) => {
await (
isInWishlist({ product })
@@ -283,7 +274,7 @@ export default defineComponent({
isInWishlist,
isAuthenticated,
getMagentoImage,
- imageSizes
+ imageSizes,
};
},
});
diff --git a/packages/theme/components/HeaderLogo.vue b/packages/theme/components/HeaderLogo.vue
new file mode 100644
index 000000000..23b609f52
--- /dev/null
+++ b/packages/theme/components/HeaderLogo.vue
@@ -0,0 +1,73 @@
+
+