refactor: setup histoire and workspaces

[preschian]

Thank you for your contribution to the KodaDot NFT gallery.
👇 _ Let's make a quick check before the contribution.

PR type

• Bugfix
• Feature
• Refactoring

What's new?

• at first bd3127f, I want to move our nuxt app under the folder. but, to minimize the changes and we don't need turborepo right now. I decided to setup workspaces and histoire only. so, we can start to using it for new redesign page
• setup pnpm workspaces
• setup histoire
• please put newer component under @kodadot/ui
• a little example in components/landing/FeaturedArticles.vue

Before submitting Pull Request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality
• I've posted a screenshot of demonstrated change in this PR

Optional

• I've tested it at </rmrk/collection/26902bc2f7c20c546a-1FVG7>
• I've tested PR on mobile and everything seems works
• I found edge cases
• I've written some unit tests 🧪

Community participation

• Are you at KodaDot Discord?

Screenshot

• My fix has changed something on UI; a screenshot is best to understand changes for others.

[netlify]

✅ Deploy Preview for koda-nuxt ready!

Name	Link
🔨 Latest commit	0ca9a21
🔍 Latest deploy log	https://app.netlify.com/sites/koda-nuxt/deploys/635cc2ee46f588000b42463a
😎 Deploy Preview	https://deploy-preview-4167--koda-nuxt.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[vikiival]

Looking forward

[vikiival]

Smol stuff

[roiLeo]

Looks nice!

• it miss to link somewhere histoire doc
• should we had lorem ipsum instead of actual content?
• can we handle Light/Dark mode variant globally? how is it going to work with multiple buttons variant?

[preschian]

• it miss to link somewhere histoire doc
• should we had lorem ipsum instead of actual content?

aahh yes, this is important. I forgot to add histoire doc link in the readme

• can we handle Light/Dark mode variant globally? how is it going to work with multiple buttons variant?

need to find a workaround for light/dark mode globally. let me check the docs first

update: oohh, yes they already provide the dark mode class https://histoire.dev/reference/config.html#sandboxdarkclass. should be using that

[roiLeo]

I look forward to working with histoire

[vikiival]

@preschian we were talking with @yangwao to rename the library to @kodadot/brick

• because we are making building blocks
• and should evoke the neobrutalism style
• • it is easy to pronounce

also maybe one thing: on npm we have org @kodadot1

[preschian]

@preschian we were talking with @yangwao to rename the library to @kodadot/brick

• because we are making building blocks
• and should evoke the neobrutalism style
• • it is easy to pronounce

also maybe one thing: on npm we have org @kodadot1

noted, will rename it 👍

[yangwao]

conflicts 😬 @preschian

[codeclimate]

Code Climate has analyzed commit 0ca9a21 and detected 0 issues on this pull request.

View more on Code Climate.