@renanhangai/vue-components NPM

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'