sudo apt install zsh-autosuggestions zsh-syntax-highlighting zsh
import routerWindow from './routerWindow'; | |
export const App: React.FC = () => { | |
return ( | |
<Router window={routerWindow}> | |
{/* Your routes here */} | |
</Router> | |
); | |
}; |
find . -type f -not -path '*/.*' -path '*.js' -not -path './node_modules*' -not -path 'migrate.js' -exec sed -i '' -e 's/AdjustmentsVerticalIcon/AdjustmentsVerticalIcon/g' {} + | |
find . -type f -not -path '*/.*' -path '*.js' -not -path './node_modules*' -not -path 'migrate.js' -exec sed -i '' -e 's/ChatBubbleBottomCenterTextIcon/ChatBubbleBottomCenterTextIcon/g' {} + | |
find . -type f -not -path '*/.*' -path '*.js' -not -path './node_modules*' -not -path 'migrate.js' -exec sed -i '' -e 's/ArchiveBoxIcon/ArchiveBoxIcon/g' {} + | |
find . -type f -not -path '*/.*' -path '*.js' -not -path './node_modules*' -not -path 'migrate.js' -exec sed -i '' -e 's/ArrowDownCircleIcon/ArrowDownCircleIcon/g' {} + | |
find . -type f -not -path '*/.*' -path '*.js' -not -path './node_modules*' -not -path 'migrate.js' -exec sed -i '' -e 's/ArrowLeftCircleIcon/ArrowLeftCircleIcon/g' {} + | |
find . -type f -not -path '*/.*' -path '*.js' -not -path './node_modules*' -not -path 'migrate.js' -exec sed -i '' -e 's/ArrowRightCircleIcon/ArrowRightCircleI |
@echo off | |
@title Microsoft Edge Uninstaller [Windows 10 LTSC 2021/21H1 Edition] | |
ver | |
echo+ | |
goto check_admin_permissions | |
:check_admin_permissions | |
echo Script must Run as Administrator! Detecting permissions... | |
net session >nul 2>&1 | |
if %errorLevel% == 0 ( |
Tailwind colors list: https://tailwindcss.com/docs/customizing-colors#generating-colors
Create files src/@types/styled.d.ts
and src/resources/theme.ts
with content below. Then add the theme on your project:
import { ThemeProvider } from 'styled-components'
import { theme } from 'resources/theme'
You ever have a bunch of console.log
instances you wish you could just expand or collapse at once?
Well this will do that.
You of course need to open your DevTools Console, on a mac that shortcut is ⌘ (Command) + ⌥ (Shift) + J
Now hit ⌘ (Command) + ⌥ (Shift) + J
again to open DevTools for your DevTools.
Then run the code below. If you run it once, it will collapse everything it can. If you run it again, it will expand.
<body> | |
<div id="app"> | |
<div class="nes-container with-title is-centered"> | |
<p class="title">Vue Form Test</p> | |
<form @submit.prevent="submit"> | |
<div class="nes-field"> | |
<label for="name_field">Character Name</label> | |
<input placeholder="Enter name here" type="text" | |
name="name" | |
id="name_field" class="nes-input" /> |
{ | |
"final_space": true, | |
"console_title": true, | |
"console_title_style": "folder", | |
"blocks": [ | |
{ | |
"type": "prompt", | |
"alignment": "left", | |
"horizontal_offset": 0, | |
"vertical_offset": 0, |
{ | |
// Snippits that make working with Twin a little easier | |
// https://github.com/ben-rogerson/twin.macro | |
"Add react import": { | |
"scope": "javascript,typescript,typescriptreact", | |
"prefix": "react", | |
"body": "import React from 'react'", | |
"description": "Add react import" | |
}, | |
"Add twin imports": { |
import React from 'react'; | |
import { useMinScreen } from './minScreen'; | |
const App = () => { | |
const { min } = useMinScreen(); | |
return ( | |
<> | |
{min`md` && <div>I'll show at md and up</div>} | |
{!min`lg` && <div>I'll show at up to lg</div>} |