Sorting fixed

- added tables Skills, Sectors,

src/root/home/home.ts

@@ -1,158 +1,58 @@
-import { useUserStore } from '@store/UserStore'
-import { useI18n } from '@src/boot/i18n'
+
+import { LMap, LIcon, LTileLayer, LMarker, LControlLayers, LTooltip, LPopup, LPolyline, LPolygon, LRectangle,  } from '@vue-leaflet/vue-leaflet'
+
+import 'leaflet/dist/leaflet.css'
+
 import {
-  defineComponent, ref, onBeforeUnmount, onMounted,
+  defineComponent, ref, computed,
 } from 'vue'
-import { useRouter } from 'vue-router'
-import { Logo, Footer } from '@/components'
 import { tools } from '@src/store/Modules/tools'
 
+
 export default defineComponent({
   name: 'Home',
-  components: { Logo, Footer },
+  components: {
+    LMap,
+    LIcon,
+    LTileLayer,
+    LMarker,
+    LControlLayers,
+    LTooltip,
+    LPopup,
+    LPolyline,
+    LPolygon,
+    LRectangle,
+  },
 
   setup() {
-    const { t } = useI18n();
-    const $router = useRouter()
-    const visibile = ref(false)
-    const cardvisible = ref('hidden')
-    const displaycard = ref('block')
-    const firstClassSection = ref('fade homep-cover-img animate-fade homep-cover-img-1')
-    const polling: any = ref()
-    const slide = ref('first')
-    const animare = ref(0)
 
-    function initprompt() {
-      window.addEventListener('beforeinstallprompt', (event) => {
-        // console.log('********************************   beforeinstallprompt fired')
-        event.preventDefault()
-        // console.log('§§§§§§§§§§§§§§§§§§§§  IMPOSTA DEFERRED PROMPT  !!!!!!!!!!!!!!!!!  ')
-        // #Todo++ IMPOSTA DEFERRED PROMPT
-        return false
-      })
+    const zoom = ref(2)
+    const iconWidth = ref(25)
+    const iconHeight = ref(40)
+
+    const iconUrl = computed(() => `https://placekitten.com/${iconWidth.value}/${iconHeight.value}`)
+    const iconSize = computed(() => [iconWidth.value, iconHeight.value])
+
+    function log(a: any) {
+      console.log(a)
     }
 
-    function created() {
-      initprompt()
-
-      animare.value = process.env.DEV ? 0 : 8000
-    }
-
-    onMounted(() => {
-      let primo = true
-      const mytime = 10000
-      polling.value = setInterval(() => {
-        firstClassSection.value = `landing_background fade homep-cover-img ${primo ? 'homep-cover-img-2' : 'homep-cover-img-1'}`
-        primo = !primo
-
-        // console.log('this.firstClassSection', this.firstClassSection)
-      }, mytime)
-    })
-
-    function appname() {
-      return t('msg.myAppName')
-    }
-
-    onBeforeUnmount(() => {
-      console.log('beforeDestroy')
-      clearInterval(polling.value)
-    })
-
-    function isLogged() {
-      const userStore = useUserStore()
-      return userStore.isLogged
-    }
-
-    function TelegramSupport() {
-      return process.env.TELEGRAM_SUPPORT
-    }
-
-    function FBPage() {
-      return process.env.URL_FACEBOOK
-    }
-
-    function meta() {
-      return {
-        keywords: { name: 'keywords', content: 'Quasar website' },
-        // meta tags
-        meta: {
-          mykey: { name: 'mykey', content: 'Key 1' },
-          description: { name: 'description', content: 'Page 1' },
-          keywords: { name: 'keywords', content: 'Quasar website' },
-          equiv: { 'http-equiv': 'Content-Type', content: 'text/html; charset=UTF-8' },
-        },
+    function changeIcon() {
+      iconWidth.value += 2
+      if (iconWidth.value > iconHeight.value) {
+        iconWidth.value = Math.floor(iconHeight.value / 2)
       }
     }
 
-    function mystilecard() {
-      return {
-        visibility: cardvisible.value,
-        display: displaycard.value,
-      }
-    }
-
-    function getenv(myvar: any) {
-      try {
-        return process.env[myvar]
-      } catch (e) {
-        return ''
-      }
-    }
-
-    function isInCostruction() {
-      return process.env.IN_CONSTRUCTION === '1'
-    }
-
-    function getPermission() {
-      return Notification.permission
-    }
-
-    function NotServiceWorker() {
-      return (!('serviceWorker' in navigator))
-    }
-
-    function PagLogin() {
-      $router.replace('/signin')
-    }
-
-    function PagReg() {
-      $router.replace('/signup')
-    }
-
-    function openCreatePostModal() {
-      console.log('APERTO ! openCreatePostModal')
-
-      visibile.value = !visibile.value
-
-      if (visibile.value) {
-        displaycard.value = 'block'
-        cardvisible.value = 'visible'
-      } else {
-        displaycard.value = 'block'
-        cardvisible.value = 'hidden'
-      }
-    }
-
-    created()
-
     return {
-      t,
-      appname,
-      isLogged,
-      TelegramSupport,
-      FBPage,
-      meta,
-      mystilecard,
-      getenv,
-      isInCostruction,
-      getPermission,
-      NotServiceWorker,
-      PagLogin,
-      PagReg,
-      openCreatePostModal,
-      slide,
       tools,
-      animare,
+      zoom,
+      iconWidth,
+      iconHeight,
+      iconUrl,
+      iconSize,
+      changeIcon,
+      log,
     }
   },
 })