You will see that this added two new files to your Vue3 project. The two files aretailwind.config.jsandpostcss.config.js. To be able to utilize TailwindCSS in our project we will need to add several lines to the CSS file that is loaded in our application. Open your CSS file and add...
tailwind.config.js Copy to clipboard /** @type {import('tailwindcss').Config} */ export default { content: [ "./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [], }Add the Tailwind directives to your CSS ...
/** @type {import('tailwindcss').Config} */ const defaultTheme = require('tailwindcss/defaultTheme') module.exports = { content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], theme: { extend: { fontFamily: { sans: ['manrope', ...defaultTheme.fontFamily.sans...
Quick way to add tailwindcss to your new projects with a single command 🔧 Usage cdproject_directory npx add-tailwindcss ✨ Supported Framework Laravel 9 (Vite) Vite (React and Vue) Next.js CRA (Create React App) Install npm iadd-tailwindcss ...
import { createContext } from 'weapp-tailwindcss/core' import { dirname } from 'path'; import { fileURLToPath } from 'url'; const __dirname = dirname(fileURLToPath(import.meta.url)); const { transformJs, transformWxml, transformWxss } = createContext({ rem2rpx: true }) let...
Node.js has built-in packages for tasks like file management and HTTP handling. But there's also a vast array of third-party packages offered on the node package manager (npm) registry. When and how to select an npm package As a new developer at Tailwind Traders, you need to add ...
Tailwind CSS TinyMCE Vue.js How to use custom Laravel ValidationRule rules in Statamic March 5th, 2024 | 3 min read Statamic Laravel Statamic Addons Logger for Statamic October 13th, 2023 | 6 min read Statamic Addons Statamic Laravel Updating a Bard addon for Tiptap 2 for Stat...
I am evaluating LiveWire vs Vue. I find the Vue docs and tutorials excellent, except in one area: How to add several Vue pages into a Laravel project. Essentially I have thousands of lines of JS/JQuery but I am thinking I should catch up with the ti
How To Java How To Vue.js How To Python Snippets HTML How to Add an HTML Button that Acts Like a Link How to Add an HTML Button that Acts Like a LinkThere are several ways of creating an HTML button, that acts like a link (i.e., clicking on it the user is redirected to th...
How To Vue.js How To Python Snippets JavaScript How To Add New Elements To A JavaScript Array How To Add New Elements To A JavaScript ArrayThere are several methods for adding new elements to a JavaScript array. Let's define them.push...