diff --git a/.github/workflows/build-check.yml b/.github/workflows/build-check.yml
new file mode 100644
index 0000000..3b4d70f
--- /dev/null
+++ b/.github/workflows/build-check.yml
@@ -0,0 +1,28 @@
+name: Buildable check
+on:
+  pull_request:
+    branches:
+      - main 
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      # Checkout the repository
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      # Set up Node.js
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20.11
+
+      # Install dependencies
+      - name: Install dependencies
+        run: npm i
+
+      # Build the project
+      - name: Build project
+        run: npm run build
diff --git a/src/components/DetailBar/ResultsBar.vue b/src/components/DetailBar/ResultsBar.vue
index efbe641..02d1e4a 100644
--- a/src/components/DetailBar/ResultsBar.vue
+++ b/src/components/DetailBar/ResultsBar.vue
@@ -22,9 +22,8 @@ import {
 } from 'chart.js'
 import { Bar } from 'vue-chartjs'
 import ChartDataLabels from 'chartjs-plugin-datalabels'
-import type { Results } from '@/models/project'
 import type { Emission } from '@/models/material'
-import { GeometryObject } from '@/models/geometryObject'
+import type { GeometryObject } from '@/models/geometryObject'
 
 ChartJS.register(
 	Title,
diff --git a/src/components/Graphs/GraphContainer.vue b/src/components/Graphs/GraphContainer.vue
index 34dc338..7bc2399 100644
--- a/src/components/Graphs/GraphContainer.vue
+++ b/src/components/Graphs/GraphContainer.vue
@@ -26,7 +26,9 @@ import {
   materialResultsToMaterialChartData,
   geometryToMaterialTypeNestedChartData
   } from '@/utils/resultUtils'
-import { ChartData, ChartOptions, NestedChartData } from '@/models/chartModels'
+
+// Type imports
+import type { ChartData, ChartOptions, NestedChartData } from '@/models/chartModels'
 
 const navigationStore = useNavigationStore()
 const resultStore = useResultStore()
diff --git a/src/components/Mapping/MaterialBar.vue b/src/components/Mapping/MaterialBar.vue
index 05fa2ec..f84f0e7 100644
--- a/src/components/Mapping/MaterialBar.vue
+++ b/src/components/Mapping/MaterialBar.vue
@@ -38,7 +38,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref, watch, Ref } from 'vue'
+import { defineComponent, computed, ref, watch } from 'vue'
+import type { Ref } from 'vue'
 import { PaintBrushIcon, MinusCircleIcon } from '@heroicons/vue/20/solid'
 import { Sketch } from '@ckpack/vue-color'
 import type { ColorInput } from '@ctrl/tinycolor'
diff --git a/src/components/Misc/Settings/SettingsCalculationCategory.vue b/src/components/Misc/Settings/SettingsCalculationCategory.vue
index a11b31a..a6db019 100644
--- a/src/components/Misc/Settings/SettingsCalculationCategory.vue
+++ b/src/components/Misc/Settings/SettingsCalculationCategory.vue
@@ -33,7 +33,7 @@ import { useSettingsStore } from '@/stores/settings'
 import { useProjectStore } from '@/stores/main'
 import { useFirebaseStore } from '@/stores/firebase'
 
-import { CalculationSettings } from '@/models/settings'
+import type { CalculationSettings } from '@/models/settings'
 import type { CalculationSettingsLog } from '@/models/firebase'
 import type { dropdownItem } from '@/components/Misc/Dropdown.vue'
 
diff --git a/src/components/Misc/Settings/SettingsImpactCategory.vue b/src/components/Misc/Settings/SettingsImpactCategory.vue
index 5a7bbc7..a3fa414 100644
--- a/src/components/Misc/Settings/SettingsImpactCategory.vue
+++ b/src/components/Misc/Settings/SettingsImpactCategory.vue
@@ -23,8 +23,9 @@
 <script lang="ts">
 import { defineComponent, ref, watch } from 'vue'
 import { useSettingsStore } from '@/stores/settings'
+import { extendedImpactCategoryKeys } from '@/models/material'
 
-import { ExtendedImpactCategoryKey, extendedImpactCategoryKeys } from '@/models/material'
+import type { ExtendedImpactCategoryKey } from '@/models/material'
 import type { dropdownItem } from '@/components/Misc/Dropdown.vue'
 
 import Dropdown from '@/components/Misc/Dropdown.vue'
diff --git a/src/components/Misc/Settings/SettingsSidebar.vue b/src/components/Misc/Settings/SettingsSidebar.vue
index b0c6628..96c5dad 100644
--- a/src/components/Misc/Settings/SettingsSidebar.vue
+++ b/src/components/Misc/Settings/SettingsSidebar.vue
@@ -28,8 +28,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, ref, Ref } from 'vue'
-import { SettingView } from '@/models/settings';
+import { defineComponent} from 'vue'
+
+import type { PropType } from 'vue'
+import type { SettingView } from '@/models/settings';
 
 export default defineComponent({
   name: 'SettingsSidebar',
diff --git a/src/components/Modals/SettingsModal.vue b/src/components/Modals/SettingsModal.vue
index ceff7d0..87ad3e4 100644
--- a/src/components/Modals/SettingsModal.vue
+++ b/src/components/Modals/SettingsModal.vue
@@ -80,7 +80,7 @@ import SettingsSpeckle from '@/components/Misc/Settings/SettingsSpeckle.vue'
 import SettingsMaterials from '@/components/Misc/Settings/SettingsMaterials.vue'
 import SettingsGithub from '@/components/Misc/Settings/SettingsGithub.vue'
 
-import { SettingView } from '@/models/settings'
+import type { SettingView } from '@/models/settings'
 
 export default defineComponent({
   name: 'SettingsModal',
diff --git a/src/components/SlideOver/SaveMapping.vue b/src/components/SlideOver/SaveMapping.vue
index 99132ac..cb34f96 100644
--- a/src/components/SlideOver/SaveMapping.vue
+++ b/src/components/SlideOver/SaveMapping.vue
@@ -74,13 +74,14 @@
 
 <script lang="ts">
 import { defineComponent, ref } from 'vue'
-	import { XMarkIcon } from '@heroicons/vue/24/outline'
+import { XMarkIcon } from '@heroicons/vue/24/outline'
 
 import { useProjectStore } from '@/stores/main'
 import { useNavigationStore } from '@/stores/navigation'
 import { useMaterialStore } from '@/stores/material'
 import { useFirebaseStore } from '@/stores/firebase'
-import { Mapping } from '@/models/material'
+
+import type { Mapping } from '@/models/material'
 
 export default defineComponent({
   name: 'SaveMapping',
diff --git a/src/stores/firebase.ts b/src/stores/firebase.ts
index 00a8fc2..8307709 100644
--- a/src/stores/firebase.ts
+++ b/src/stores/firebase.ts
@@ -34,7 +34,7 @@ import {
   deepToRaw,
   removeUndefinedFields
  } from '@/utils/dataUtils'
-import { CalculationSettings } from '@/models/settings'
+import type { CalculationSettings } from '@/models/settings'
 
 export const useFirebaseStore = defineStore('firebase', {
   state: () => ({
diff --git a/src/utils/material.ts b/src/utils/material.ts
index 789562a..08c88f1 100644
--- a/src/utils/material.ts
+++ b/src/utils/material.ts
@@ -1,6 +1,7 @@
 import type { Mapping, MaterialFilterParam, Product } from "@/models/material"
 import type { FilterList, NestedGroup } from "@/models/filters"
 import type { GeometryObject } from "@/models/geometryObject"
+import type { AssemblyList } from "@/models/firebase"
 
 import { useProjectStore } from "@/stores/main"
 import { useMaterialStore } from "@/stores/material"
@@ -8,8 +9,6 @@ import { useSpeckleStore } from "@/stores/speckle"
 import { useFirebaseStore } from "@/stores/firebase"
 
 import { setMappingColorGroup, updateProjectGroups } from "@/utils/projectUtils"
-import { AssemblyList } from "@/models/firebase"
-
 
 /**
  * Updates from a selected mapping to a new one, with all materials and objectIds