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.
| // 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", |
| import { shallowMount } from '@vue/test-utils' | |
| import ItemAddress from '@/components/molecules/ItemAddress' | |
| describe('ItemAddress', () => { | |
| let wrapper | |
| beforeEach(() => { | |
| wrapper = shallowMount(ItemAddress, { | |
| propsData: { | |
| icon: false |
| !**/.eslintrc* | |
| node_modules* | |
| dist | |
| *.svg | |
| *.ico | |
| *.json | |
| .gitignore | |
| *.md | |
| *.log | |
| *.lock |
| { | |
| "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, |
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()| // * 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; | |
| } | |
| } |