JSPM

@supershift/mediakiwi-vue

0.3.0-rc.15
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q49526F
  • License MIT

Vue 3 Library for the MediaKiwi Portal Builder

Package Exports

  • @supershift/mediakiwi-vue
  • @supershift/mediakiwi-vue/styles
  • @supershift/mediakiwi-vue/styles/abstracts/_elevations.scss
  • @supershift/mediakiwi-vue/styles/abstracts/_functions.scss
  • @supershift/mediakiwi-vue/styles/abstracts/_mixins.scss
  • @supershift/mediakiwi-vue/styles/abstracts/_typography.scss
  • @supershift/mediakiwi-vue/styles/abstracts/_variables.scss
  • @supershift/mediakiwi-vue/styles/abstracts/index.scss
  • @supershift/mediakiwi-vue/styles/base/_typography.scss
  • @supershift/mediakiwi-vue/styles/base/index.scss
  • @supershift/mediakiwi-vue/styles/components/containment/_button.scss
  • @supershift/mediakiwi-vue/styles/components/containment/_divider.scss
  • @supershift/mediakiwi-vue/styles/components/containment/_empty-state.scss
  • @supershift/mediakiwi-vue/styles/components/containment/_lists.scss
  • @supershift/mediakiwi-vue/styles/components/containment/_menu.scss
  • @supershift/mediakiwi-vue/styles/components/containment/_side-sheet.scss
  • @supershift/mediakiwi-vue/styles/components/containment/_toolbar.scss
  • @supershift/mediakiwi-vue/styles/components/containment/index.scss
  • @supershift/mediakiwi-vue/styles/components/data/_table.scss
  • @supershift/mediakiwi-vue/styles/components/data/index.scss
  • @supershift/mediakiwi-vue/styles/components/feedback/_empty-state.scss
  • @supershift/mediakiwi-vue/styles/components/feedback/index.scss
  • @supershift/mediakiwi-vue/styles/components/index.scss
  • @supershift/mediakiwi-vue/styles/components/input/_autocomplete.scss
  • @supershift/mediakiwi-vue/styles/components/input/_checkbox.scss
  • @supershift/mediakiwi-vue/styles/components/input/_date-picker.scss
  • @supershift/mediakiwi-vue/styles/components/input/_file-input.scss
  • @supershift/mediakiwi-vue/styles/components/input/_form.scss
  • @supershift/mediakiwi-vue/styles/components/input/_input.scss
  • @supershift/mediakiwi-vue/styles/components/input/_radio.scss
  • @supershift/mediakiwi-vue/styles/components/input/_select.scss
  • @supershift/mediakiwi-vue/styles/components/input/_slider.scss
  • @supershift/mediakiwi-vue/styles/components/input/_table-filter.scss
  • @supershift/mediakiwi-vue/styles/components/input/_text-field.scss
  • @supershift/mediakiwi-vue/styles/components/input/index.scss
  • @supershift/mediakiwi-vue/styles/components/navigation/_breadcrumbs.scss
  • @supershift/mediakiwi-vue/styles/components/navigation/_navigation-drawer.scss
  • @supershift/mediakiwi-vue/styles/components/navigation/_stepper.scss
  • @supershift/mediakiwi-vue/styles/components/navigation/index.scss
  • @supershift/mediakiwi-vue/styles/layout/index.scss
  • @supershift/mediakiwi-vue/styles/main.scss
  • @supershift/mediakiwi-vue/styles/settings.scss
  • @supershift/mediakiwi-vue/styles/themes/_variables.module.scss
  • @supershift/mediakiwi-vue/styles/themes/_variables.scss
  • @supershift/mediakiwi-vue/styles/themes/dark/_colors.module.scss
  • @supershift/mediakiwi-vue/styles/themes/dark/_colors.scss
  • @supershift/mediakiwi-vue/styles/themes/light/_colors.module.scss
  • @supershift/mediakiwi-vue/styles/themes/light/_colors.scss
  • @supershift/mediakiwi-vue/styles/views/style-guide.scss

Readme

Front-End Development Setup

Introduction

There are two front-end projects that you'll need to get up and running.

  • Sushi.MediaKiwi.Vue
  • Sushi.MediaKiwi.SampleWeb

Stack & Tools

Useful tools

Setup the Sushi.Mediakiwi.Vue library

Install the dependencies:

Install the dependencies for all projects by running the install command from the root of the repository. The postinstall script will install the node_modules on the sub projects.

npm install

Build the library

Build the Sushi.MediaKiwi.Vue library once or keep a watch going. This will create the /dist folder.

# Sushi.MediaKiwi.Vue
npm run build

# or

# Sushi.MediaKiwi.Vue
npm run build:watch

Use the npm link command in the Sushi.MediaKiwi.Vue folder to use your local codebase of Sushi.MediaKiwi.

# Sushi.MediaKiwi.Vue
npm link @supershift/mediakiwi-vue

Check if the link was made successful by running the following command.

# Sushi.MediaKiwi.Vue
npm ls -g --link=true

# Output: @supershift/mediakiwi-vue@0.0.x -> [local_path]\Sushi.MediaKiwi2\src\Sushi.MediaKiwi.Vue