diff --git a/webapp/src/App.vue b/webapp/src/App.vue index ead38f3..a8a93ed 100644 --- a/webapp/src/App.vue +++ b/webapp/src/App.vue @@ -37,12 +37,11 @@ const items = [ { title: 'Home', icon: 'mdi-home', to: '/' }, { title: 'Map', icon: 'mdi-map', href: 'https://maps.deflock.org' }, { title: 'Learn', icon: 'mdi-school', to: '/what-is-an-alpr' }, - { title: 'News', icon: 'mdi-newspaper', href: 'https://footnote4a.org/', target: '_blank' }, + { title: 'Store', icon: 'mdi-shopping', to: '/store' }, ] const contributeItems = [ { title: 'Submit Cameras', icon: 'mdi-map-marker-plus', to: '/report' }, - { title: 'Store', icon: 'mdi-shopping', to: '/store' }, { title: 'Public Records', icon: 'mdi-file-document', to: '/foia' }, { title: 'City Council', icon: 'mdi-account-voice', to: '/council' }, ] diff --git a/webapp/src/views/Store.vue b/webapp/src/views/Store.vue index 8640b1f..bf4c4c0 100644 --- a/webapp/src/views/Store.vue +++ b/webapp/src/views/Store.vue @@ -46,21 +46,7 @@ - - - - - - - - -
+
@@ -434,7 +420,6 @@ const collectionSelectItems = computed(() => { }); const collectionId = ref((route.query.category as string) || ALL_COLLECTION_ID); -const shopifyReady = ref(false); const shopifyContainer = ref(null); // Sync tab + category to URL so back/forward/refresh restores state @@ -458,8 +443,9 @@ declare global { function initShopify(id: string) { const container = shopifyContainer.value; if (!container) return; - shopifyReady.value = false; + container.innerHTML = ''; + const client = window.ShopifyBuy.buildClient({ domain: 'ccf325.myshopify.com', storefrontAccessToken: '78991208f7fea14aa4ac02a58f8025dd', @@ -471,8 +457,8 @@ function initShopify(id: string) { moneyFormat: '%24%7B%7Bamount%7D%7D', options: SHOPIFY_OPTIONS, }); - shopifyReady.value = true; }); + } function loadShopifySDK() {