A
Alokaiβ€’6mo ago
Lumosdimos

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 globby@14.0.0: 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
rohrig
rohrigβ€’6mo ago
Hi πŸ‘‹ , SFUI2 is built for Nuxt 3 Next as well, but not Nuxt 2
Lumosdimos
Lumosdimosβ€’6mo ago
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?
rohrig
rohrigβ€’6mo ago
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
Want results from more Discord servers?
Add your server
More Posts
Add SearchProduct params or variablesHi, i need to pass extra params or variables to useProduct search params to get price depending on cVuestorefront for Shopify?Hi, Is vuestorefront still available for Shopify? I saw the repository as archived.How to extension api for VSFI was added extension on middleware.config.js like: ` integrations: { magento: { locatioCustom graphQL queryNeed to create a custom query inside a custom module to fetch and display data from Magento 2. The dWhen I reload the checkout page it automatically redirects to the home page.When I reload the checkout page it automatically redirects to the home page. How to come when I reloVSF/ Magento product image sizingDoes anyone know how VSF/ Nuxt Image handles Magento product images? Magento has multiple product iCan Vue Storefront?Can Vue Storefront be hosted on my own server? If so where it the informant on that and how can we bNew Vue Storefront SDKI have a Nuxt 3 project using the new SDK for vue storefront. I see that the middleware is an expresdocumentAny tips to building a multi-store vuestorefront app? - custom styling (I thinking changing the --cProblem, i dont see the products