(cache)custom type transport

User.svelte.js

// this custom class, which has reactive state
// (though this feature works with pretty
// much anything)...
export class User {
  firstname = $state('');
  lastname = $state('');
  avatar = $state('');
  greeting = $derived(
    `Hello ${this.firstname} ${this.lastname}!`
  );
  constructor(firstname, lastname, avatar) {
    this.firstname = firstname;
    this.lastname = lastname;
    this.avatar = avatar;
  }
}

Enter to Rename, Shift+Enter to Preview

~/projects/sveltejs-kit-template-default-b5zbxomg

❯ npm install && npm run dev

added 58 packages in 2s

6 packages are looking for funding

run `npm fund` for details

> kit-template-default@0.0.1 dev

> vite dev

▲ [WARNING] Cannot find base config file "./.svelte-kit/tsconfig.json" [tsconfig.json]

jsconfig.json:2:12:

2 │ "extends": "./.svelte-kit/tsconfig.json",

╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Forced re-optimization of dependencies

VITE v6.0.3 ready in 2777 ms

➜ Local: http://localhost:5173/

➜ Network: use --host to expose

➜ press h + enter to show help

Terminal_1