This repository contains Vue components and styles designed to mimic the look of common Pop!_OS applications.

Using

npm install --save-dev @system76/pop-vue

<template>
  <PopTerminal>
    ./runacommand.sh
  </PopTerminal>
</template>

<style>
@import "@system76/pop-vue";
</style>

<script>
import { PopTerminal } from '@system76/pop-vue'

export default {
  components: {
    PopTerminal
  }
}
</script>

View the docs to see more examples.

Tips

1. You will need to ensure that babel sourceType is set to unambiguous. In nuxt, this means adding the following to your configuration:

build: {
  babel: {
    sourceType: 'unambiguous'
  }
}

Development

1. Download the repository

2. Run npm ci

3. Run npm start

4. Start hacking

Deployment

Simply push to master and travis will do all the work for you!

Releases

To trigger a release of pop-vue, push a commit to the master branch in the Angular Commit Message Conventions format.