gridsome-plugin-base-components

A Gridsome-friendly way to auto-import base components.

Usage no npm install needed!

<script type="module">
  import gridsomePluginBaseComponents from 'https://cdn.skypack.dev/gridsome-plugin-base-components';
</script>

Auto-import base components. Like this. Components should be in src/components and start with Base.

If you have files in src/composables that fit the pattern use-something.{js,ts}, these will also be required.

npm i gridsome-plugin-base-components

Add this to gridsome.config.js:

plugins: [
    {
        use: 'gridsome-plugin-base-components',
    }
]

<BaseInput
  v-model="searchText"
  @keydown.enter="search"
/>
<BaseButton @click="search">
  <BaseIcon name="search"/>
</BaseButton>