This repository contains all colors, style variables, typography, shared components and documentation related to how ia-ghc styles it's NuXT projects. It serves as the single source of truth that other NuXT projects should use.

Using

npm install --save-dev @ia-ghc/components

There are two ways of using this package in NuXT, either importing everything using a plugin

import Vue from "vue";
import { install } from "@ia-ghc/nuxt-components";

Vue.use({ install });

or by manually importing as needed.

import { Heading, Logo } from "@ia-ghc/nuxt-components";

Tailwind CSS

in tailwind.config.js you'll want to extend the colors in.

const colors = require("@ia-ghc/nuxt-components/colors");

module.exports = {
  theme: {
    extend: {
      colors,
    },
  },
  // ...
};

Development

1. Download the repository

2. Run npm run storybook

3. Start hacking

• remember to export components in components.js

Deployment

Simply push to master and update projects using the package!