vue-components

Vue sample components

Nuxt

On nuxt.config.js

module.exports = {
	// ...
	modules: [
		// ...
		[
			'@renanhangai/vue-components/nuxt',
			{
				framework: 'buefy',
				options: {
					// Framework options
				},
			},
		],
	],
};

BuefyOptions

export type VueComponentBuefyPluginOptions = {
	prefix?: string;

	inputFileIconDefault?: string;
	inputFileIconDisabled?: string;
	inputFileIconRemove?: string;

	// More masks
	inputMasks?: {
		[key: string]: any;
	};
};

Components

InfiniteList

Creates an infinite list. The list will grow as every item is being filled.

Props

|Name|Description|Type|Required|Default| |---|---|---|---|---| |item|The item to be generate when the list requires a new one|Function / Object|false|-| |isItemEmpty|Check if the item is empty (to be removed from the list)|Function|false|isItemEmptyDefault| |itemClass|The item class|String|false|-| |transition|The transition name to apply|String|false|'transition'| |data|Data to pass to the item slot|Object|false|-| |value|Array of items|Array|false|-| |disabled|Check if can create new items|Boolean|false|-|

Events

|Event Name|Description|Parameters| |---|---|---| |input|-|-|

Table

Better table for buefy

Props

|Name|Description|Type|Required|Default| |---|---|---|---|---| |items|-|Array|false|-| |columns|-|Array|false|-| |actions|-|Array|false|-| |rowTo|-|Function|false|-| |loading|-|Boolean|false|-| |emptyText|-|String|false|'Nenhum item encontrado'|

Events

|Event Name|Description|Parameters| |---|---|---| |click|-|-|

InputFile

Props

|Name|Description|Type|Required|Default| |---|---|---|---|---| |value|-|String / File|false|-| |disabled|-|Boolean|false|-| |loading|-|Boolean|false|-| |removable|-|Boolean|false|true| |placeholder|-|String|false|null|

Events

|Event Name|Description|Parameters| |---|---|---| |input|-|-|

TableSearch

Props

|Name|Description|Type|Required|Default| |---|---|---|---|---| |search|-|Array / String|true|-| |searchOptions|-|Object|false|-| |searchPlaceholder|-|String|false|'Digite para searchr'| |items|-|Array|false|-|