@conclurer/bricks v0.1.0-beta.88

Bricks

Basic building bricks providing functionality for Edelog apps.

Contains the following submodules:

• Elements: edel-elements for vue.
• Overture: functional helpers.
• Store Modules: vuex store for bricks.
• Toaster: display toasts. Further actions needed.

Installation

As @conclurer/bricks does only have peer dependencies, you need to add all of them:

$ yarn add @conclurer/bricks vue vue-router vuex

Next you need to globally use bricks:

// main.ts
import "@conclurer/edel-elements";

const bricks = new Bricks();
Vue.use(bricks);

new Vue({
  router,
  store,
  ...bricks.providers,
  render: h => h(App),
}).$mount("#app");

In your initial component, typically named App.vue, you need to render <brick-toaster> and if you wish <brick-header> in your initial component. After creation you must dispatch loadInitialData to initially set up bricks.

<!-- App.vue -->
<template>
  <div id="app">
    <edel-layout toolbar>
      <brick-header useBreadcrumb :appName="$t('title.appName')"></brick-header>
      <router-view/>
      <brick-toaster></brick-toaster>
    </edel-layout>
  </div>
</template>

<script lang="ts">
import Vue from "vue";

export default Vue.extend({
  created: function() {
    this.$store.dispatch('loadInitialData');
  }
});
</script>

Contributing

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Run your unit tests

yarn run test:unit