nuxt-font-loader
tailwindcss
nuxt-font-loader | tailwindcss | |
---|---|---|
1 | 13 | |
75 | 1,589 | |
- | 1.5% | |
7.0 | 8.9 | |
6 months ago | 5 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
nuxt-font-loader
-
nuxt-font-loader inconsistent loading of font
I'm using https://github.com/ivodolenc/nuxt-font-loader to load my local webfont files. In production, the font renders inconsistently, randomly either rendering or falling back to the sans-serif fallback declaration. Refreshing the page multiple times will give a 50/50 chance of either displaying or not, yet the CSS is loading correctly and the font files are being fetched correctly in inspector.
tailwindcss
-
Look for solution for a problem.
hey, thanks for your comment. Actually I just found out here (https://github.com/nuxt-modules/tailwindcss/pull/660) that they removed generating tailwind.config.cjs file inside .nuxt folder in the latest update for some retarded reason. The problem is that the official tailwind intellisense requires that file for auto-completion to work. Doing 'npx tailwind init' means I'll have to manually add content, paths and plugins to it which contradicts the intention of using nuxt. If I want to manually do everything then why am I even using nuxt? I'll just have to resort to copying that previous generated file onto the newer projects.
- Build A Mobile App Starter Template With Nuxt, Supabase, Tailwind, Ionic Framework and Capacitor
-
Using TailwindCSS with Nuxt efficiently
To start using TailwindCSS with Nuxt, you can install and configure TailwindCSS as a dependency following the instructions on the TailwindCSS website. Or you can use the official Nuxt TailwindCSS module following the commands below:
-
FATAL Cannot destructure property 'nuxt' of 'this' as it is undefined.
Font: https://github.com/nuxt-modules/tailwindcss/issues/598
- Dream Jamstack with Nuxt and Storyblok 🚀
-
Creating a New Nuxt 3 Application with Pinia and TailwindCSS
There is now going to be forever problems due to using yarn that one time to install Pinia. For the most part followed the github instructions
- Nuxt 3, Apollo GraphQL, TailwindCSS Crash Course
-
Warning with TailwindCSS and Nuxt content v2
Actually you don't have to. The tailwind plugin is zero configuration as the module pagestates. Just import '@nuxtjs/tailwindcss' and you're done.
-
nuxt installation help
Easier to just use https://tailwindcss.nuxtjs.org/ for nuxt 3
-
How to add TailwindCSS to Vue Storefront 2
As Vue Storefront uses Nuxt.js under the hood, the process of adding it to your project is relatively simple. Especially with the recent release of a new version of Tailwind Module for Nuxt that you can check the code here. In this version, you do not need to register tailwind config nor postcss config in your nuxt application in order to make it work. How briliant is that?
What are some alternatives?
auth-module - Zero-boilerplate authentication support for Nuxt 2
svg-sprite - Optimize SVG files and combine them into sprite
pwa-module - Zero config PWA solution for Nuxt.js
nuxt3-tailwind - nuxt3 boilerplate with tailwind and dynamic routes.
i18n - I18n module for Nuxt
oku-nuxt3-template - Nuxt 3 best starter repo, Tailwindcss, Sass, Headless UI, Vue, Pinia, Vite, Eslint, i18n, Naive UI
image - Plug-and-play image optimization for Nuxt applications.
storefront-ui - A frontend library for Vue and React that helps developers quickly build fast, accessible, and beautiful storefronts. Made with 💚 by Vue Storefront team and contributors.
content - The file-based CMS for your Nuxt application, powered by Markdown and Vue components.
laravel-echo-module - Laravel Echo for Nuxt 2
Nuxt 3 - Old repo of Nuxt 3 framework, now on nuxt/nuxt