Luciano Lima uriannrima
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| it('should post a body correctly', async () => { | |
| expect.extend({ | |
| toHaveBeenCalledWithBody(mockFn, expectedBody) { | |
| const { | |
| mock: { | |
| calls: [call], | |
| }, | |
| } = mockFn; | |
| let [{ body }] = call; |
uriannrima
/ useForm.hook.ts
Created
November 3, 2019 23:40
useForm Vue Composition API (Hook) using useFormik as reference.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* eslint-disable @typescript-eslint/no-non-null-assertion*/ | |
| import _set from 'lodash.set'; | |
| import _get from 'lodash.get'; | |
| import { reactive, computed, watch } from '@vue/composition-api'; | |
| import { ObjectSchema } from 'yup'; | |
| export const isObject = (obj: object) => obj !== null && typeof obj === 'object'; | |
| export const toSpreadable = <FieldValueType>({ |
uriannrima
/ main.js
Last active
March 28, 2019 14:06
Small example of using Ajv and JSONSchema to validate JSON model.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Common schema. | |
| const defSchema = { | |
| $id: "http://my-domain.com/schemas/defs.json", | |
| definitions: { | |
| URL: { | |
| type: "string", | |
| format: "uri", | |
| pattern: "^(https?|wss?|ftp)://" | |
| } | |
| } |
uriannrima
/ shims-router.d.ts
Created
March 16, 2019 01:09
Vue router shims to allow Next router location
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Vue from 'vue' | |
| import { RawLocation } from 'vue-router' | |
| declare module 'vue-router' { | |
| interface Next<T extends Vue = Vue> { | |
| (to?: RawLocation | false | ((vm: T) => any) | void): void | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { RouteConfig } from 'vue-router' | |
| import { Home } from './index'; | |
| export const routes: RouteConfig[] = [ | |
| { | |
| name: 'home', | |
| path: '/home', | |
| component: Home | |
| }, | |
| { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Vue from 'vue' | |
| import { upperFirstLetter } from './utils/string.extensions' | |
| /** List all files from folder name. */ | |
| let requireComponent = require.context( | |
| './components', | |
| // Consider subfolders? | |
| true, | |
| // The regular expression used to match base component filenames |
uriannrima
/ vue.json
Last active
March 16, 2019 01:12
Vue typescript component scaffolding (snippet)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "Scaffold Typescript Vue Component": { | |
| "prefix": "tscaffold", | |
| "body": [ | |
| "<template>", | |
| "", | |
| "</template>", | |
| "", | |
| "<script lang=\"ts\">", | |
| "import Vue from 'vue'", |
uriannrima
/ Sandbox.vue
Last active
September 21, 2018 00:27
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <div class="Sandbox"> | |
| <div> | |
| <span>Default:</span> | |
| <themed-button>Main</themed-button> | |
| <themed-button primary>Primary</themed-button> | |
| <span>Themed:</span> | |
| <theme-provider :theme="coloredTheme"> | |
| <themed-button @click="$emit('main-button')">Main</themed-button> | |
| <themed-button primary |
uriannrima
/ Description.vue.js
Last active
October 9, 2019 18:23
Mixin factory to create components with it's own vuex store module.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <div> | |
| <div class="black-box rounded h-md-up"> | |
| <div> | |
| <label>Description</label> | |
| <minimize-button :minimize.sync="minimize"></minimize-button> | |
| </div> | |
| </div> | |
| <div class="description-component" v-show="!minimize"> | |
| <div class="horizontal-container"> |