Skip to content

Instantly share code, notes, and snippets.

View nekosaur's full-sized avatar

Albert Kaaman nekosaur

View GitHub Profile
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, {
<template>
<v-data
:items="items"
:items-length="items.length"
></v-data>
<v-data
:items="items"
:items-length="totalItems"
:disable-sort="itemsLength >= 0"
// 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>
<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"
<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
<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"
<template>
<div>
<slot></slot>
</div>
</template>
<script>
import Vue from 'vue'
export default {