Currently, checkout design is not mobile friendly and not very functional.
The actual checkout should display coin selection, description of the product, title of the product, amount in USD and converted to selected currency, and maybe some more details.
Help is welcome.
Also, more features might be needed to add to this store template.

site: https://store.bitcartcc.com/

Posible fix:

• Add white background.

Same as bitcart/bitcart-admin#123, but for BitcartCC store

Same as bitcart/bitcart-admin#124, but for bitcartcc store
The store doesn't have much strings to translate and the css framework itself doesn't have any strings too, so it should be trivial following examples of how it was done in BitcartCC site

Main welcome: bitcart/bitcart#133

Issue list:

• Fix favicon barely visible in darkmode (#146)
• Add prettier to the project (#152)

Same as in bitcart/bitcart-admin#122, but for bitcartcc store. If possible, all js repos should follow the same pre-commit config

Main welcome: bitcart/bitcart#243

Issue list (more to be added):

• #316
• #318
• #319
• #320
• #322
• #323
• #324

Currently to visit the cart, user has to press cart button. It is suboptimal
If cart is not empty, on the right side of the screen cart panel should be displayed, showing selected products, allowing to edit quantity and with link to go to checkout. Existing components for cart may be re-used (maybe with slight modifications)

https://store.bitcartcc.com/products/donate-1

Logs:

ERROR  render function or template not defined in component: anonymous

  at Qi (node_modules/vue-server-renderer/build.prod.js:1:66749)
  at io (node_modules/vue-server-renderer/build.prod.js:1:70622)
  at ro (node_modules/vue-server-renderer/build.prod.js:1:70272)
  at eo (node_modules/vue-server-renderer/build.prod.js:1:67519)
  at node_modules/vue-server-renderer/build.prod.js:1:70739
  at Yi (node_modules/vue-server-renderer/build.prod.js:1:67229)
  at io (node_modules/vue-server-renderer/build.prod.js:1:70641)
  at ro (node_modules/vue-server-renderer/build.prod.js:1:70272)
  at eo (node_modules/vue-server-renderer/build.prod.js:1:67519)
  at node_modules/vue-server-renderer/build.prod.js:1:70739

Seems like a regression in some of the recently upgraded dependencies

Edit: possible related log:

ERROR  Cannot find module 'is-https' from '/src'

  at Function.resolveSync [as sync] (node_modules/resolve/lib/sync.js:89:15)
  at node_modules/vue-server-renderer/build.prod.js:1:77713
  at Object.<anonymous> (webpack:/external "is-https":1:0)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at Module.98 (pages/products/_slug.js:33:26)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at async server.js:2110:19
  at async Promise.all (index 0)
  at async getRouteData (.nuxt/utils.js:131:0)
  at async Promise.all (index 0)

Also tracked in bitcart/bitcart#166

We need to add ability to customize theme colors of the store (for custom brands). Probably the best solution is to use css variables.

I have implemented basic theming support in 3730413 and 1d02318

There are few things left to make it fully customizeable:

• Make all custom bulma libraries (bulma-steps, bulma-switch, etc) use same theme settings
  Currently for example switch color is still green even when success color of the theme was changed to another color, see:
  https://github.com/Wikiki/bulma-switch/blob/master/src/sass/index.sass#L1
  First of all to make it all work, we need to remove stylus and use sass everywhere, see #316
  After that we need to ensure that sass customizations get applied to component scoped styling.
  If not all components styling can be moved to main.sass file
  https://github.com/bitcartcc/bitcart-store/blob/1d023187d32fa08bf4043badc2137e6b4a18979b/components/Switch.vue#L25
  Also probably we should import not from css, but from source sass files to be able to customize some variables
  If it still doesn't work, we might need to expose more colors to customization or change switch-background variable to use some color like $primary instead of $grey-light
• Add more colors and variables for customization if needed:
  https://github.com/bitcartcc/bitcart-store/blob/1d023187d32fa08bf4043badc2137e6b4a18979b/bulma-css-vars.config.js#L4-L17
  Also maybe there could be a better way to not hardcode hsl values of colors
• Add ability to load custom theme css. Sample file:

:root {
  --brand-color: #162d50;
  --primary: var(--brand-color) !important;
  --success: var(--brand-color) !important;
  --link: var(--brand-color) !important;
}

The css should be loaded dynamically via head function inside default layout.
Css file url itself is a variable got from store object.
Merchants API needs to be customized to add new store theming settings, see bitcart/bitcart#244

• And if all of the above is implemented, we could try to allow using bulmaswatch for easily selecting themes. This means that some existing styles might need to be customized to allow this

Note that all themes being applied should happen at the runtime, so at sass compilation step we should provide all needed css variables for modification later

This is the same as bitcart/bitcart-admin#119 (see full description here), but for BitcartCC store.
Almost all details remain the same, but api environment variable is named BITCART_STORE_API_URL

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Datasource	Name	Replacement PR?
npm	vuex-persistedstate

Pending Approval

These branches will be created by Renovate only once you click their checkbox below.

• Update dependency bulma to v1
• Update dependency eslint to v9
• Update dependency sass-loader to v16
• Update nuxt packages (major) (@nuxtjs/eslint-config, @nuxtjs/eslint-module)
• 🔐 Create all pending approval PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Lock file maintenance

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• Update dependency nuxt to v3 [SECURITY]
• Update dependency sass to <1.77.9
• Update dependency @chenfengyuan/vue-qrcode to v2
• Update dependency eslint-plugin-prettier to v5
• Update dependency prettier to v3
• Update dependency vee-validate to v4

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Add the prettier linter to the project following this manual.
Make sure prettier also works for the hot-reloading and as a pre-commit hook.

We currently have at least 2 style engines utilized: sass and stylus. There is no need in stylus as we have sass already. We need to migrate all styles to sass to be able to customize theme colors in the future
Some examples:
https://github.com/bitcartcc/bitcart-store/blob/ca1ba4e8d782999c9c02e46fbddf9ec806dd6bfb/components/Switch.vue#L24-L26
https://github.com/bitcartcc/bitcart-store/blob/8909d56c7c2cf431ae93e8b97958a418cd3aa366/pages/index.vue#L53-L68
https://github.com/bitcartcc/bitcart-store/blob/8909d56c7c2cf431ae93e8b97958a418cd3aa366/components/Sidebar.vue#L64-L101

Also any improvements to the existing files are welcome!

site: https://store.bitcartcc.com/

Posible fix:

• Add white background.