@hakamate/searchii-components v0.1.2

Seaarchii Nuxt Library

Basic third-party library component to demonstrate @nuxt/components Nuxt module.

Usage

Include searchii Components into your Nuxt project thank to NPM - Yarn package published

Using npm:

npm i searchii-components

Using yarn:

yarn add searchii-components

Include searchii Components into your Nuxt project thank to NPM - Yarn link from local package (dev mode)

Using yarn:

# cd to searchii-components path and make a make the project linkable
yarn link

# then go to your project and link the design-system
yarn link searchii-components

With Nuxt.js

See examples/with-nuxt

searchii-components is using @nuxt/components to efficently lazy import components by usage.

Important: Ensure using nuxt >= 2.13.0 and components option is set from nuxt.config

export default {
  components: true,
  buildModules: [
    "searchii-components/nuxt",
  ],
}

searchii-components is configured with searchii prefix. Below is how you'd use them in the template area of your Nuxt components.

<template>
  <searchii-counter :increase-by="10"> </searchii-counter>
  <!-- OR -->
  <SearchiiCounter :increase-by="2"></SearchiiCounter>
</template>

With Vue-CLI

See examples/with-vue

Development

# Clone this repository
git clone git@github.com:Searchii/design-system-searchii.git

# Run
yarn && yarn dev