Problem installing Tailwindcss and Storefront UI
Hi, I'm trying to install tailwind and UI as described here: https://docs.storefrontui.io/v2/vue/getting-started.html using yarn add -D @nuxtjs/tailwindcss @storefront-ui/vue
but I get the following error: error [email protected]: The engine "node" is incompatible with this module. Expected version ">=18". Got "16.20.2"
I tried using an older version of tailwind (5.3.5) but I still get the same error.
The Nuxt version found in vuestorefront package.json is 2.15.8 but Tailwind needs >3. Which version is suitable? Thanks
@vue-storefront/magento-theme V1.3.1
Installation | Storefront UI
Documentation for the Storefront UI
3 Replies
Hi π , SFUI2 is built for Nuxt 3
Next as well, but not Nuxt 2
Thanks @rohrig. So the magento integration as described here: https://docs.vuestorefront.io/magento/installation-setup/installation.html#installation-using-cli for VSF2 does not support the Storefront UI 2? Could you assist me installing Tailwind UI for vue-storefront/magento-theme V1.3.1?
Is there any chance you update the magento integration for using Vue 3 any time soon?
Soon is relative π We are working on it.
I wouldn't recommend starting a new project with the old version. We have the Magento SDK and the storefront boilerplates. You can wait for a Magento-compatible storefront to be released. For that, I can't give you a solid timeline. Or, you could use the SDK and boilerplate and the Magento SDK and build the store with those.
What does this mean in practice? You'd essentially be using the boilerplate as a guide or skeleton of your project. You'd be exchanging all of the types and logic that do not apply to the Magento Integration.
https://github.com/vuestorefront/storefront-nuxt3-boilerplate
https://docs.vuestorefront.io/integrations/magento
GitHub
GitHub - vuestorefront/storefront-nuxt3-boilerplate: Nuxt 3 Storefr...
Nuxt 3 Storefront Boilerplate. Contribute to vuestorefront/storefront-nuxt3-boilerplate development by creating an account on GitHub.
Vue Storefront Docs
Magento 2 SDK
Quickly build your storefront with the Vue Storefront SDK for Magento. Connect your Magento 2 backend to any frontend framework with type-safe SDK methods