- Add
unocss-forms.tssomewhere in your code (examplesrc/styles/unocss-forms.ts) - Reference
unocss-formsinunocss.config.tspreflightkey. See code below for further changes - Reload dev server
// unocss.config.ts
import {| var pesticide_id = '__bookmarklet__pesticide__'; | |
| var pesticide_element = document.getElementById(pesticide_id); | |
| if (!pesticide_element) { | |
| pesticide_element = document.createElement('style'); | |
| pesticide_element.id = '__bookmarklet__pesticide__'; | |
| pesticide_element.innerHTML = `body{outline:1px solid #2980b9!important}article{outline:1px solid #3498db!important}nav{outline:1px solid #0088c3!important}aside{outline:1px solid #33a0ce!important}section{outline:1px solid #66b8da!important}header{outline:1px solid #99cfe7!important}footer{outline:1px solid #cce7f3!important}h1{outline:1px solid #162544!important}h2{outline:1px solid #314e6e!important}h3{outline:1px solid #3e5e85!important}h4{outline:1px solid #449baf!important}h5{outline:1px solid #c7d1cb!important}h6{outline:1px solid #4371d0!important}main{outline:1px solid #2f4f90!important}address{outline:1px solid #1a2c51!important}div{outline:1px solid #036cdb!important}p{outline:1px solid #ac050b!important}hr{outline:1px solid #ff063f!important}pre{outline: |
| { | |
| "screens": [ | |
| { | |
| "height": 768, | |
| "highlighted": false, | |
| "id": "b14b5495-0b85-4daf-973b-68ba4eaccdea", | |
| "name": "<sm", | |
| "userAgent": "Google Chrome", | |
| "visible": true, | |
| "width": 480 |
| <?php | |
| namespace App\Services\Vite; | |
| use Illuminate\Support\Str; | |
| class ViteAssetsTransformer | |
| { | |
| public static function transform($entry) | |
| { |
| module.exports = { | |
| cacheId: "imsus.dev-production", | |
| globDirectory: "./public", | |
| globPatterns: ["**/*.{css,js,eot,ttf,woff,woff2,otf}"], | |
| swDest: "./public/service-worker.js", | |
| modifyURLPrefix: { | |
| "": "/", | |
| }, | |
| clientsClaim: true, | |
| skipWaiting: true, |
Motivation:
Mix.extract() function enabled on webpack.mix.js in order to separate bundle based on vendorapp.css will be build with 0 bytes.After tinkering for 2 hours, I find a way how to integrate "mini-css-extract-plugin" to laravel mix. Since this is the root cause of the "0 bytes of css" problem.
Info: My folder structure for resources
| /* eslint-disable camelcase */ | |
| const axios = require(`axios`) | |
| const cheerio = require(`cheerio`) | |
| const parseResponse = response => { | |
| const $ = cheerio.load(response.data) | |
| const scripts = $(`html > body > script`) | |
| // Code smells #40 and #42 | |
| // I should verify why i get the script before the body tag | |
| let id = 0 |
| <?php | |
| use PhpCsFixer\Config; | |
| use PhpCsFixer\Finder; | |
| $rules = [ | |
| 'binary_operator_spaces' => [ | |
| 'operators' => ['=>' => null] | |
| ], | |
| 'blank_line_after_namespace' => true, |
| # This sample template explores how we can turn the Telegram blog post on the left into an Instant View page as shown on the right — in several simple steps. If you're unsure what some of the elements used here do, check out the full documentation here: https://instantview.telegram.org/docs | |
| # Place the version at the beginning of template. We recommend always using the latest available version of Instant View. | |
| ~version: "2.0" | |
| ### STEP 1: Define which pages get Instant View and which don't | |
| # That's easy because we only need IV pages for posts on the Telegram blog. | |
| # This *condition* does the trick. | |
| # ?path: /blog/.+ |
I travel a lot so I'm down to like 30 minutes of packing per any kind of trip. I always bring one carry-on suitcase for any trips up to 2 weeks (that I never check in unless forced) -- I have an Away suitcase because it's got a built-in (removable) battery, and amazing wheels.