Here are all your code is organized into directories.
Scripts can be accessed from TypeScript with the prefix ~/
(e.g.: ~/core/store
)
note: some directories have further instructions inside, make sure to check them.
main.ts
: the entry point of the app, it imports modules, components, styles, and other packages.~/core/
: contains core modules, that will be referenced by modules & components as~/core/
.-
~/core/router
: the router data, it contains its settings and handlers.
-
~/core/store
: central Spruce store. you can define stores that can be accessed by many components/modules. if the store is specific to a certain module, define that store inside the affected module only.
-
~/core/auth
: empty/dummy authentication module for demonstration.
~/modules/
: contains user modules; they will be automatically executed at the start.~/components/
: contains alpine components data. they are automatically loaded.~/styles/
: contains CSS styles.types.ts
,shims.d.ts
are for TypeScript definitions. The former add types for Alpine Components and need to be imported on the top of each component file & the latter have Window type extensions.