https://github.com/dimaslz/cross-ui-vue

Wrapper of [CrossUI Web Components](https://github.com/dimaslz/cross-ui-core) for Vue projects
https://github.com/dimaslz/cross-ui-vue

Last synced: 5 days ago
JSON representation

Wrapper of [CrossUI Web Components](https://github.com/dimaslz/cross-ui-core) for Vue projects

• Host: GitHub
• URL: https://github.com/dimaslz/cross-ui-vue
• Owner: dimaslz
• Created: 2021-06-13T23:22:59.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-06-14T20:56:28.000Z (over 3 years ago)
• Last Synced: 2024-12-04T01:46:31.438Z (23 days ago)
• Language: JavaScript
• Size: 553 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CrossUI Vue

[WIP] Wrapper to easy use for [CrossUI Web Components](https://github.com/dimaslz/cross-ui-core) in your Vue applications.

**Remember:** At the moment, CrossUI has TailwindCSS dependency.

## Installation

npm users: `npm install @cross-ui/vue`

yarn users: `yarn add @cross-ui/vue`

Is necessary to add `tailwind.config.js` and `postcss.config.js` config.

`npx tailwindcss init -p`

Now, in your main module, commonly `main.js` file (check [`/playground/src/main.js`](./playground/src/main.js))

```javascript

[...]

import CrossUIVueSetup from '@cross-ui/vue/setup';

Vue.use(CrossUIVueSetup);

[...]

```

And in your main css file, for example styles.scss (in playground project, you can see it in [`/playground/src/App.vue`](/playground/src/App.vue) in ``)

```scss

@import '@cross-ui/core/dist/cross-ui/cross-ui';

```

## Author

```js

{

	name: "Dimas López",

	role: "FullStack Software development",

	alias: "dimaslz",

	twitter: "https://twitter.com/dimaslz",

	site: "https://dimaslz.dev",

	linkedin: "https://www.linkedin.com/in/dimaslopezzurita"

}

```