Svelte use Vec<Struct> in {#each}

[zax71]

I am returning a Vec<Todo> from a Tauri command and then trying to iterate over it using Svelte's {#each} syntax. Svelte errors with : Error: {#each} only works with iterable values. upon doing so, and I feel that this has something to do with Tauri's returned type not making sense to JS. I am not using TS currently, although I would consider switching if that is the issue.

Svelte file:

<script>
  import { invoke } from "@tauri-apps/api/tauri";

  let todos;

  console.log("Getting todos");
  invoke("call_get_todos").then((message) => (todos = message));
</script>

{#each todos as todo}
  <p>{todo.text}</p>
{/each}

Rust (I have removed some stuff):

#[derive(Debug, Deserialize, Serialize)]
#[serde(rename_all = "camelCase")]
pub struct Todo {
    uuid: Uuid,
    text: String, // Should probably be an str
    #[serde(with = "ts_seconds")]
    creation_date: DateTime<Utc>,
    #[serde(with = "ts_seconds")]
    due_date: DateTime<Utc>,
}

pub fn build_todo(text: String, due_date: DateTime<Utc>) -> Todo {
    Todo {
        uuid: Uuid::new_v4(),
        text: text,
        creation_date: chrono::offset::Utc::now(),
        due_date: due_date,
    }
}

fn get_todos_path() -> PathBuf {
    return dirs::config_dir().unwrap().join("docked-memo").join("todos.json");
}

pub fn get_todos() -> Vec<Todo> {
    let todos_json = fs::read_to_string(get_todos_path()).expect("Failed to read todos.json");

    return serde_json::from_str(todos_json.as_str()).expect("JSON for todos.json was malformed");
}

#[tauri::command]
fn call_get_todos() -> Vec<storage::Todo> {
    return get_todos();
}

fn main() {
    tauri::Builder
        ::default()
        .invoke_handler(tauri::generate_handler![call_get_todos, call_add_todo])
        .run(tauri::generate_context!())
        .expect("error while running tauri application");
}

[FabianLars]

Did you try simply logging the message and checking its type and value? Assuming everything in the command worked well the return type should be a normal js array of objects like

[
 { uuid: "abc", ... },
 { uuid: "def", ... },
 ...
]

[zax71]

Yep, the return type seems to be correct. Svelte just doesn't seem to want to iterate over it