https://github.com/CroudTech/vue-semantic

A collection of vue components for integrating the semantic ui library
https://github.com/CroudTech/vue-semantic

Last synced: about 1 month ago
JSON representation

A collection of vue components for integrating the semantic ui library

• Host: GitHub
• URL: https://github.com/CroudTech/vue-semantic
• Owner: CroudTech
• License: isc
• Archived: true
• Created: 2016-02-27T11:43:06.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2018-02-02T11:40:17.000Z (almost 7 years ago)
• Last Synced: 2024-05-21T12:42:34.399Z (7 months ago)
• Language: Vue
• Size: 1.46 MB
• Stars: 124
• Watchers: 14
• Forks: 23
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-semantic-ui - Vue Semantic

README

        
# vue-semantic

[![npm version](https://badge.fury.io/js/croud-vue-semantic.svg)](https://badge.fury.io/js/croud-vue-semantic)

http://croudsupport.github.io/vue-semantic/

A collection of vue components for integrating the semantic ui library 

## Contributing

Work In Progress. Any PRs welcome.

## Vue 1?

If you still need the Vue 1 version of this lib you can use the vue1 branch or 0.0.7 tag

## Installation

You can use NPM to install this package

```bash

npm install --save croud-vue-semantic

```

or Yarn 

```bash

yarn add croud-vue-semantic

```

Install the plugin

```js

import VueSemantic from 'croud-vue-semantic'

Vue.use(VueSemantic)

```

You will also need to include the semantic js and css files to your project. The easiest way would be to include them in your html

```html

```

For more advanced builds see http://semantic-ui.com/introduction/getting-started.html

## Usage

View our [docs](http://croudsupport.github.io/vue-semantic/) for usage examples

### Webpack Tips

If you are using webpack, you can add jQuery to your webpack.base.conf.js

```js

plugins: [

  new webpack.ProvidePlugin({

    $: "jquery",

    jQuery: "jquery",

    "window.jQuery": "jquery"

  })

],

```

And include the semantic js + css at the top of your main.js file

```

import 'path/to/semantic.css'

import 'path/to/semantic.js'

```