Reusable Components

Usage no npm install needed!

<script type="module">
  import vIngredients from 'https://cdn.skypack.dev/v-ingredients';


Dev Ingredients

This repository contains all components created for reusable components project.


npm install -S v-ingredients

Getting ready for nuxt

When you are using v-ingredients with nuxt first you should create new file in plugins directory, let's name it v-ingredients.js.

To the file copy paste code that you can see below.

// plugins/v-ingredients.js
import Vue from 'vue';
import components from 'v-ingredients';


Once you do that, add new file to your nuxt.config.js as

// nuxt.config.js
    // ...
    plugins: [
        // ...
        // ...
    // ...

Now you should have access to all components in your nuxt project.


Check changelog to see who you should blame for 💩 code! - CHANGELOG

Available Components

You can find more about components in here.

Import Interfaces

To import interfaces you can recall from the main project to v-ingredients/interfaces where you can find all of our interfaces in one place. Check more

Import Types

Same as in case of interfaces you are able to call v-ingedients/types where are located all our types. Check more


To learn more about styles, check assets directory. LINK