Big update to deploy scripts, and deploy prosecss

client/src/components/GlobalSiteMenu.vue

@@ -369,14 +369,15 @@
 </template>
 
 <script>
+import { defineAsyncComponent } from 'vue'
 
 	import axios from 'axios'
 
 	export default {
 		components: {
-			'search-input': require('@/components/SearchInput.vue').default,
-			'counter':require('@/components/AnimatedCounterComponent.vue').default,
-			'logo':require('@/components/LogoComponent.vue').default,
+			'search-input': defineAsyncComponent(() => import('@/components/SearchInput.vue')),
+			'counter':defineAsyncComponent(() => import('@/components/AnimatedCounterComponent.vue')),
+			'logo':defineAsyncComponent(() => import('@/components/LogoComponent.vue')),
 		},
 		data: function(){ 
 			return {
@@ -393,7 +394,7 @@
 		beforeMount(){
 			window.addEventListener('resize', this.resizeEventHandler)
 		},
-		beforeDestroy(){
+		beforeUnmount(){
 			window.removeEventListener('resize', this.resizeEventHandler)
 		},
 		mounted: function(){