Table MySkills

src/root/home/home.ts

@@ -4,10 +4,12 @@ import {
 } from 'vue'
 
 import { tools } from '@src/store/Modules/tools'
+import { CSkill } from '@/components/CSkill'
 
 
 export default defineComponent({
   name: 'Home',
+  components: { CSkill },
   setup() {
 
     return {

src/root/home/home.vue

@@ -2,6 +2,9 @@
   <q-page class="">
     <h1>Inizio:</h1>
 
+    <CSkill>
+
+    </CSkill>
 
   </q-page>
 

src/root/maps/maps.ts.off

@@ -1,8 +1,17 @@
 
-// @ts-ignore
-import { LMap, LIcon, LTileLayer, LMarker, LControlLayers, LTooltip, LPopup, LPolyline, LPolygon, LRectangle,  } from '@vue-leaflet/vue-leaflet'
-
-import 'leaflet/dist/leaflet.css'
+declare module '@vue-leaflet/vue-leaflet' {
+  import type { DefineComponent } from 'vue';
+  export const LMap: DefineComponent;
+  export const LIcon: DefineComponent;
+  export const LTileLayer: DefineComponent;
+  export const LMarker: DefineComponent;
+  export const LControlLayers: DefineComponent;
+  export const LTooltip: DefineComponent;
+  export const LPopup: DefineComponent;
+  export const LPolyline: DefineComponent;
+  export const LPolygon: DefineComponent;
+  export const LRectangle: DefineComponent;
+}
 
 import {
   defineComponent, ref, computed,
@@ -10,20 +19,6 @@ import {
 import { tools } from '@src/store/Modules/tools'
 
 
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const leaflet = require('leaflet');
-
-delete leaflet.Icon.Default.prototype._getIconUrl;
-
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const iconRetinaUrl = require('leaflet/dist/images/marker-icon-2x.png');
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const iconUrl = require('leaflet/dist/images/marker-icon.png');
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const shadowUrl = require('leaflet/dist/images/marker-shadow.png');
-
-leaflet.Icon.Default.mergeOptions({ iconRetinaUrl, iconUrl, shadowUrl })
-
 export default defineComponent({
   name: 'Home',
   components: {