Refactor components

[trigger67]

There are more than 80 components in /src/components.

I would recommand defining a logic and organizing them. It's way easier for developers to find stuff they are looking for, to avoid duplications, and to build a proper component library / design system.

There are many ways to do that. First I would move the "page specific" components, the ones that are used only once, next to their corrsponding page. Example:

└── routes/
├── about-us/
│ ├── _components/
│ │ └── AboutCommunity.svelte
│ │ └── AboutMerchant.svelte
│ ├── +page.svelte

Then for the remaining components, I would create a specific folder for bases components and for composites.

• A bases component in a very simple element: button, input, loader, select, etc.
• Composites are more complex.

Then maybe one folder for each "big feature" to put some "feature related" components.
And if needed a "pattern" folder for big reusable components.

I enjoy refactoring, let me know if you want me to open a PR, maybe start with a first one for "page specific" components :)

** sorry wrong tag

[escapedcat]

In general I'm open for restructuring. We do not need over-engineering though. i.e. Atomic design would be an overkill.
We do not know what the future brings and creating a whole lib with Storybook etc. might just be overhead.
In the future we might just switch to a component library which could make things easier for devs.

Sorting single-used components to it's views is a good adjustment though 👍

Before you start and create one big PR I would prefer if you create multiple smaller PRs and move components step by step.

[trigger67]

Yeah I thought about Atomic design and also think it's overkill.
Same for storybook, it's just that having properly organized components could open up the way to have that kind of stuff in the future.
100% agreed to do that in multiple small PRs.

[dadofsambonzuki]

Yes, supportive of this.

Could lead the way to introduce a lightweight component/design system rather than just raw CSS&JS.

[trigger67]

After reorganizing everything, I'll have a clearer mind and might be able to keep contributing and improve a bit the internal "component library", to harmonize things.

[trigger67]

The issues addressed many points.

I think it's good for now, next step would be to improve on all bases (atoms) components.