nuxt-tailwind | Use create-nuxt-app , they added full tailwindcss | Frontend Framework library

by sgraewe JavaScript Version: Current License: MIT

X-Ray Key Features Code Snippets Community Discussions(6)Vulnerabilities Install Support

kandi X-RAY | nuxt-tailwind Summary

nuxt-tailwind is a JavaScript library typically used in User Interface, Frontend Framework, Vue, Next.js, Tailwind CSS applications. nuxt-tailwind has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

A Nuxt.js starter project template using Tailwind CSS without the distraction of a complicated development environment.

Support

Quality

Security

License

Reuse

Support

nuxt-tailwind has a low active ecosystem.

It has 74 star(s) with 9 fork(s). There are 2 watchers for this library.

It had no major release in the last 6 months.

There are 1 open issues and 1 have been closed. There are no pull requests.

It has a neutral sentiment in the developer community.

The latest version of nuxt-tailwind is current.

Quality

nuxt-tailwind has 0 bugs and 0 code smells.

Security

nuxt-tailwind has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

nuxt-tailwind code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

nuxt-tailwind is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

nuxt-tailwind releases are not available. You will need to build from source code and install.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of nuxt-tailwind

Get all kandi verified functions for this library.

nuxt-tailwind Key Features

No Key Features are available at this moment for nuxt-tailwind.

nuxt-tailwind Examples and Code Snippets

No Code Snippets are available at this moment for nuxt-tailwind.

Community Discussions

Trending Discussions on nuxt-tailwind

Nuxt application local development server constantly reloading

TailwindCSS Dark mode not working in Nuxt.js

NuxtJs app returns 401 after log in with laravel sanctum

How do you use custom fonts with TailwindCSS and NuxtJS?

Nuxt Build Doesn't Include node_modules CSS

TailwindCSS custom theme don't works with Nuxt.js

QUESTION

Nuxt application local development server constantly reloading

Asked 2022-Apr-03 at 10:40

I have a Nuxt ^2.15.8 application which is constantly reloading after I run yarn dev.

The console will show a message like ↻ Updated 1647868577626, and then the application is rebuilt, as if I just run yarn dev. This happens constantly over and over, without me doing any changes in the code.

I googled a bit, and found applications like gitkraken might be modifying the content of the .git folder and that could trigger a reload.

So I keep gitkraken closed.

I also added these lines to my nuxt.config.js file:

...

ANSWER

Answered 2022-Apr-03 at 10:40

Update

The actual issue was actually a version bump of ESlint from 1.x.x to 3.x.x. git bisect helped finding out the actual culprit!

Cloning the repo again and reinstalling the dependencies again, fixed all the above mentioned issues while running yarn dev!

Source https://stackoverflow.com/questions/71558358

QUESTION

TailwindCSS Dark mode not working in Nuxt.js

Asked 2021-Jan-30 at 12:25

I've been at this for a couple of days now and still can't seem to get this working. I'm trying to get the whole dark mode going with Tailwind CSS in Nuxt.js.

I think it may be an issue with the CSS setup and not the TypeScript side as I have a toggle that switches the class to light and dark.

As a reference, I've been trying to copy Fayazara's work which you can find here.

Env:

Windows 10 Pro
Node 14.15.4
NPM 6.14.10
Nuxt.js 2.14.12
TailwindCSS 2.0.2

Here are some of the config files:

nuxt.config.js:

...

ANSWER

Answered 2021-Jan-30 at 12:25

Looks like you're using a third party plugin to enable dark mode support. TailwindCSS 2.0 (Which you're using) supports dark mode on its own, so no need to add the plugin.

Change your tailwind.config.js to:

Source https://stackoverflow.com/questions/65967612

QUESTION

NuxtJs app returns 401 after log in with laravel sanctum

Asked 2020-Dec-18 at 14:05

I'm trying to build a PWA with NuxtJS and Laravel is in the backend for the API.

I use Laravel Sanctum for API auth and also I have NuxtJS auth module, I can login (I know this because it returns and sets all of the cookies) but when it's requesting to 127.0.0.8000/api/user auth it returns a 401 error.

Heres is my nuxtjs config

...

ANSWER

Answered 2020-Oct-27 at 18:20

The problem was in my Laravel .env configuration

Source https://stackoverflow.com/questions/64303269

QUESTION

How do you use custom fonts with TailwindCSS and NuxtJS?

Asked 2020-May-24 at 05:18

So I'm building a website with NuxtJS using Tailwind CSS for my styles. I'm using the @nuxtjs/tailwindcss module.

The issue is that my fonts don't seem to be loading on the browser. The correct font-family is still applied by the CSS as you can see in the devtools screenshot, but the browser still renders my text with Times New Roman.

--Devtools Screenshot

My fonts files are .ttf files stored in a /assets/fonts/ folder in my project's root directory.

My tailwind.css file looks like this

...

ANSWER

Answered 2020-May-24 at 05:18

It is not an issue with Tailwind, Vue, or Nuxt - just in CSS.

You have wrong the format value in @font-face src. "ttf" is an extension, not a format name. It should be "truetype" instead. Actually, for woff or svg, the extension is the same as the format name, so that's why it can be confusing with "ttf" and "truetype".

So just replace:

Source https://stackoverflow.com/questions/61976785

QUESTION

Nuxt Build Doesn't Include node_modules CSS

Asked 2020-Mar-25 at 02:39

Sorry I'm quite new to Nuxt & Webpack. I have a Nuxt project in which everything works fine running yarn dev. But when I build using yarn build -> yarn generate, the .css files I reference in the node_modules directory (dropzone.css, flatpickr.css etc) are never included and break the site. I've tried everything but can't figure out what I'm doing wrong. Can someone point me in the right direction? Currently running Nuxt v2.11.0 with Tailwind.css. This is my nuxt.config.js file which is mostly boilerplate -

...

ANSWER

Answered 2020-Mar-25 at 02:39

It's pretty hard to answer this without having the full project to build and run. I assume you're not using a separate webpack config file when building for production, otherwise you would have added that to the question. You seem to be using the correct syntax in the config file, so I'm guessing your css file paths are not quite right. They kinda look like the old way of doing things, you may want to confirm that they're not out of date. This old-ish github issue goes through the various things you could try, on of them being let nuxt find the "compiled" version of the css automatically for you like this:

Source https://stackoverflow.com/questions/60819618

QUESTION

TailwindCSS custom theme don't works with Nuxt.js

Asked 2020-Feb-25 at 22:39

I've installed @nuxtjs/tailwindcss from create nuxt-app, i modified the tailwind.config.js file with my value :

...

ANSWER

Answered 2020-Feb-25 at 22:39

You have double "theme" in Your config. That's why it's not working.

Source https://stackoverflow.com/questions/60403814

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install nuxt-tailwind

This is a project template for vue-cli. Make sure to use a version of vue-cli >= 2.1 (vue -V).

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: