fix(OrderChips): Fix the order of the chips

Author: SpliiT

components/Step.vue

@@ -90,4 +90,14 @@
   function decrement_step() {
     stepper_tree.current_step_index--
   }
+
+  const sortedChips = computed(() => {
+    const chips = steps.value[props.step_index]?.chips || []
+    return [...chips].sort((a, b) =>
+      a.localeCompare(b, undefined, {
+        numeric: true,
+        sensitivity: "base",
+      }),
+    )
+  })
 </script>

stores/treeview.js

@@ -1,4 +1,4 @@
-export const useTreeviewStore = defineStore("treeview", () => {
+export const use_treeview_store = defineStore("treeview", () => {
   const dataStyleStore = useDataStyleStore()
 
   /** State **/
@@ -15,9 +15,16 @@ export const useTreeviewStore = defineStore("treeview", () => {
   function addItem(geodeObject, displayed_name, id, object_type) {
     dataStyleStore.addDataStyle(id, geodeObject, object_type)
     const child = { title: displayed_name, id, object_type }
+
     for (let i = 0; i < items.value.length; i++) {
       if (items.value[i].title === geodeObject) {
         items.value[i].children.push(child)
+        items.value[i].children.sort((a, b) =>
+          a.title.localeCompare(b.title, undefined, {
+            numeric: true,
+            sensitivity: "base",
+          }),
+        )
         selection.value.push(child)
         return
       }