Merge branch 'develop'

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>

Author: pedrolamas

docs/assets/images/spoolman-dashboard-card.png

@@ -0,0 +1,46 @@
+---
+layout: default
+title: Spool Management
+parent: Features
+nav_order: 17
+permalink: /features/spoolman
+---
+
+# Spool Management
+{: .no_toc }
+
+## Table of contents
+{: .no_toc .text-delta }
+
+1. TOC
+{:toc}
+
+---
+
+Fluidd offers support for the [Spoolman](https://github.com/Donkie/Spoolman) filament spool manager.
+
+### Print start
+On print start, Fluidd will show a modal asking you to select the spool you want to use for printing.
+The modal shows all available (i.e. not archived) spools.
+<!-- TODO uncomment when QR scanning is available
+A spool can either be selected by selecting it directly, or by scanning an associated QR code using an attached webcam.
+
+![screenshot](/assets/images/spoolman-scan-spool.png)
+-->
+
+Automatically opening the spool selection modal can be disabled from the Fluidd settings.
+
+### Dashboard card
+The currently selected spool and its metadata is shown in the Spoolman dashboard card.
+
+#### Selecting a different spool
+If you need to select another spool during your print (e.g. when your current spool has run out, or you have a multicolor print),
+you can do so through the "Change Spool" button in the dashboard card.
+
+![screenshot](/assets/images/spoolman-dashboard-card.png)
+
+### Sanity checks
+When starting a print or changing spools, Fluidd will automatically perform these sanity checks and warn you if they fail:  
+1) a spool is selected  
+2) the selected spool has enough filament left on it to finish the print job  
+3) the selected spool's filament type matches the one selected in the slicer  

docs/assets/images/spoolman-scan-spool.png

@@ -40,6 +40,7 @@ firmware.
 - [Print history](/features/print_history)
 - [Version management](/updates/automated) and upgrades
 - Utilization graphs
+- Filament [spool management](/features/spoolman)
 
 ## Supporting Fluidd
 

docs/features/spoolman.md

@@ -5,7 +5,14 @@
 /// <reference types="vite-plugin-pwa/client" />
 
 declare module '*.yaml' {
-  const data: any
+  const data: unknown
+  export default data
+}
+
+declare module '@/locales/*.yaml' {
+  import type { LocaleMessageObject } from 'vue-i18n'
+
+  const data: LocaleMessageObject
   export default data
 }