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/_base.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
- Node v18.13.0
- Npm v8.19.3
- Azure Core Functions Tools
- VS Code
- Volar (VS Code Extension)
- TypeScript Vue Plugin (VS Code Extension)
- Prettier (VS Code Extension)
- ESList (VS Code Extension)
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 installBuild 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:watchLink your local build
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-vueCheck 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