https://github.com/system76/pop-vue

Vue components designed to look like Pop!_OS
https://github.com/system76/pop-vue

pop-vue popos vue vue-components

Last synced: about 2 months ago
JSON representation

Vue components designed to look like Pop!_OS

• Host: GitHub
• URL: https://github.com/system76/pop-vue
• Owner: system76
• License: gpl-3.0
• Created: 2019-07-22T17:24:20.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T05:05:56.000Z (about 2 years ago)
• Last Synced: 2024-10-27T06:05:40.854Z (about 2 months ago)
• Topics: pop-vue, popos, vue, vue-components
• Language: JavaScript
• Homepage: https://pop-vue.origin76.com
• Size: 9.94 MB
• Stars: 26
• Watchers: 7
• Forks: 2
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  
@system76/pop-vue

  
Vue components designed to look like Pop!_OS

  


  






  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



---

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

```

```vue

  

    ./runacommand.sh

  

@import "@system76/pop-vue";

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

export default {

  components: {

    PopTerminal

  }

}

```

View [the docs](https://pop-vue.origin76.com) 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](https://semantic-release.gitbook.io/semantic-release/#triggering-a-release) of `pop-vue`, push a commit to the `master` branch in the [Angular Commit Message Conventions](https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#-git-commit-guidelines) format.