fix(build): fix build and types (#72)

fix build
fix types
add build to ci

Author: cyclingbyte

.github/workflows/main.yml

@@ -16,7 +16,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        job: ['lint', 'format:check', 'type-check']
+        job: ['lint', 'format:check', 'type-check', 'build']
 
     steps:
       - name: Checkout repository

src/components/LSidepanel.vue

@@ -45,13 +45,12 @@
   import * as L from 'leaflet';
   import 'leaflet.sidepanel';
   import 'leaflet.sidepanel/dist/style.css';
-  import { onMounted, useSlots, ref, watch } from 'vue';
+  import { onMounted, useSlots, ref, watch, type Slots } from 'vue';
   import LSidepanelTabNav from './LSidepanelTabNav.vue';
 
   // Define Types
-  type SidePanelPositionHeadings =
-    | { key: string | number; value: string }[]
-    | undefined;
+  type SidePanelPositionHeading = { key: string | number; value: string };
+  type SidePanelPositionHeadings = SidePanelPositionHeading[] | undefined;
 
   // Define model
   const isOpen = defineModel<boolean>({ default: false, required: false });
@@ -100,7 +99,7 @@
   }>();
 
   // use slots
-  const slots = useSlots();
+  const slots: Slots = useSlots();
 
   // Initialize the side panel
   const map = ref<HTMLElement | null>(null);

vite.config.ts

@@ -28,13 +28,21 @@ export default defineConfig({
       fileName: (format) => `vue-leaflet-sidepanel.${format}.js`,
     },
     rollupOptions: {
-      external: ['vue', 'leaflet', /^leaflet\/.*/, /^@vue-leaflet\/.*/],
+      external: [
+        'vue',
+        'leaflet',
+        /^leaflet\/.*/,
+        /^@vue-leaflet\/.*/,
+        'leaflet.sidepanel',
+        'leaflet.sidepanel/dist/style.css', // Add this line
+      ],
       output: {
         // Global variables for use in the UMD build
         globals: {
           vue: 'Vue',
           leaflet: 'L',
           '@vue-leaflet/vue-leaflet': '@vue-leaflet/vue-leaflet',
+          'leaflet.sidepanel': 'L.SidePanel',
         },
       },
     },