Skip to content

Instantly share code, notes, and snippets.

View vicainelli's full-sized avatar
🤓
Focusing

Vinicius Cainelli vicainelli

🤓
Focusing
View GitHub Profile
@vicainelli
vicainelli / README.md
Last active July 13, 2020 10:58
CSS Overview, new experimental feature on Chrome DevTools

Hey Developer, have you heard about the new experimental feature of Chrome DevTools?

It's called CSS Overview, and it shows you the colors, font info, unused declarations, and media queries.

chrome-css-overview

To enable it in your Chrome or Brave browser

@vicainelli
vicainelli / Button.vue
Created June 10, 2020 08:26
Button Vue TailwindCSS
<template>
<component
:is="href ? 'a' : 'button'"
:href="href ? (disabled ? '#' : href) : null"
:type="href ? type : type != null ? type : 'button'"
:class="[this.baseClass, this.variationClasses, this.blockClasses]"
:disabled="disabled"
:role="href === '#' ? 'button' : null"
>
<slot />

Vue Jest

Collection of files to test Vue apps

@vicainelli
vicainelli / .hyper.js
Last active May 18, 2020 09:24
Settings 2020-05-15
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// choose either `'stable'` for receiving highly polished,
// or `'canary'` for less polished but more frequent updates
updateChannel: "stable",
@vicainelli
vicainelli / ItemAddress.spec.js
Created April 27, 2020 15:03
setProps vue-test-utils
import { shallowMount } from '@vue/test-utils'
import ItemAddress from '@/components/molecules/ItemAddress'
describe('ItemAddress', () => {
let wrapper
beforeEach(() => {
wrapper = shallowMount(ItemAddress, {
propsData: {
icon: false
@vicainelli
vicainelli / .eslintignore
Created April 24, 2020 14:51
eslint ignore
!**/.eslintrc*
node_modules*
dist
*.svg
*.ico
*.json
.gitignore
*.md
*.log
*.lock
@vicainelli
vicainelli / settings.json
Created January 31, 2020 11:12
VS Code Settings
{
"workbench.colorTheme": "Night Owl",
"terminal.integrated.shell.osx": "/bin/zsh",
"workbench.settings.editor": "json",
// * Editor
"editor.cursorSmoothCaretAnimation": true,
"editor.renderIndentGuides": false,
"editor.renderWhitespace": "boundary",
"editor.minimap.enabled": false,
@vicainelli
vicainelli / camping.md
Created November 25, 2019 19:57
Payload com relacionamentos filtrados

O método está assim:

  async show ({ params }) {
    const id = Hashids.decode(params.id)
    const camping = await Camping.query()
      .where('id', '=', id)
      .with('city')
      .with('region')
      .with('country')
      .fetch()
@vicainelli
vicainelli / docs.css
Created October 29, 2019 13:02
Eve - Documentation Style
// * This is for Documentations
.docs {
h1, h2, h3, h4, h5, h6, p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
h1 {
font-size: 1.5rem;
}
}
@vicainelli
vicainelli / README.md
Created April 18, 2019 10:40
São Paulo Open Market

São Paulo Open Market

Date: 18 Apr 2019