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 { useInternal } from './useInternal' | |
// simply proxy a prop value to an internal value | |
const foo = useInternal<number>(props, context, 'value') | |
// proxy it and emit any changes | |
const foo = useInternal<number>(props, context, 'value', 'update:value') | |
// have a different internal representation (always a function) | |
const foo = useInternal<boolean | () => boolean, () => boolean>(props, context, 'value', null, { |
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> | |
<v-data | |
:items="items" | |
:items-length="items.length" | |
></v-data> | |
<v-data | |
:items="items" | |
:items-length="totalItems" | |
:disable-sort="itemsLength >= 0" |
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
// Paste your FULL Playground.vue here | |
<template> | |
<v-app> | |
<div class="text-xs-center mt-3"> | |
<v-btn @click="next">next tab</v-btn> | |
<v-btn @click="remove">remove 2nd</v-btn> | |
<v-btn @click="add">add</v-btn> | |
</div> | |
<div> |
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> | |
<boilerplate> | |
<v-btn @click="length++">Add</v-btn> | |
<v-btn @click="length--">Remove</v-btn> | |
<v-btn @click="stuff">stuff</v-btn> | |
<h1 class="display-1 grey--text font-weight-light">Select your destination</h1> | |
<span class="caption font-weight-bold">GORGEOUS SITES AROUND THE WORLD</span> | |
<v-divider class="mt-4 mb-5"></v-divider> | |
<v-item-group | |
active-class="foobar" |
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> | |
<v-app> | |
<v-content> | |
<v-container fluid fill-height grid-list-lg> | |
<v-layout align-center justify-center> | |
<v-flex xs6 text-xs-center> | |
<h3>regular data-table</h3> | |
<v-card class="mb-3"> | |
<v-data-table |
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 id="app"> | |
<v-app id="inspire"> | |
<v-container fluid grid-list-lg> | |
<v-layout row wrap> | |
<v-flex xs6> | |
<button class="pa-5" v-on:click="change">Change total items</button> | |
<v-data-table | |
class="elevation-1 mt-4" | |
:headers="headers2" |
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> | |
<slot></slot> | |
</div> | |
</template> | |
<script> | |
import Vue from 'vue' | |
export default { |