PHPackages                             wsssoftware/laravuewind - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. wsssoftware/laravuewind

ActiveLibrary

wsssoftware/laravuewind
=======================

This is my package laravuewind

0.5.1(2y ago)0468[2 PRs](https://github.com/wsssoftware/laravuewind/pulls)MITPHPPHP ^8.2

Since Sep 13Pushed 1y ago1 watchersCompare

[ Source](https://github.com/wsssoftware/laravuewind)[ Packagist](https://packagist.org/packages/wsssoftware/laravuewind)[ Docs](https://github.com/wsssoftware/laravuewind)[ RSS](/packages/wsssoftware-laravuewind/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (10)Versions (18)Used By (0)

Laravuewind
===========

[](#laravuewind)

[![Latest Version on Packagist](https://camo.githubusercontent.com/92edf05fa6df3cb1c4d749c918e1729783644a66ed37ed6ce613a2b24bf63ac1/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f777373736f6674776172652f6c61726176756577696e642e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/wsssoftware/laravuewind)[![npm](https://camo.githubusercontent.com/db134f9c6b46463a25a73a0d817d49fa2d6b2dcd80e5c16a1bdbc70953d6240d/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f6c61726176756577696e64)](https://www.npmjs.com/package/laravuewind)[![GitHub Tests Action Status](https://camo.githubusercontent.com/62af8823cb1ff3680eafaf7abc4f6a6b49e80cb9334a7125c2e8bc3009480cb7/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f777373736f6674776172652f6c61726176756577696e642f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/wsssoftware/laravuewind/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/03e18084e8ec52946012d987d59c47f4c3266571b464d7b712302e89e9569fb8/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f777373736f6674776172652f6c61726176756577696e642f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/wsssoftware/laravuewind/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/be5cbc99808ac4b291e9009f4926051ee1730c737833cd42d0f9d70d54009083/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f777373736f6674776172652f6c61726176756577696e642e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/wsssoftware/laravuewind)

Laravuewind is a package that provides a set of tools to integrate and improve the development of applications using [Laravel](https://laravel.com/) with [Vue](https://vuejs.org/) and [Tailwind](https://tailwindcss.com/).

Backend Installation
--------------------

[](#backend-installation)

You can install the package via composer:

```
composer require wsssoftware/laravuewind
```

You can publish and run the migrations with:

```
php artisan vendor:publish --tag="laravuewind-migrations"
php artisan migrate
```

You can publish the config file with:

```
php artisan vendor:publish --tag="laravuewind-config"
```

This is the contents of the published config file:

```
return [
];
```

Optionally, you can publish the views using

```
php artisan vendor:publish --tag="laravuewind-views"
```

Frontend Installation
---------------------

[](#frontend-installation)

On package.json file, add the following line to scripts config:

```
  "devDependencies": {
    "laravuewind": "latest",
  },
```

On `tailwind.config.js` file, add the following line to content config:

```
import laravuewind from './laravuewind/tailwind.ts';

export default {
    content: [
        //...
        './node_modules/laravuewind/resources/js/**/*.{vue,js,ts}',
    ],
    plugins: [
        //...
        laravuewind,
    ],
};
```

> **Note:**If you use plugins that add `primary` and `secondary` colors as a non default pattern (100, 200, 300) like daisyui, you must call this plugin first.

Insert VueJS plugin

```
import Vue from 'vue';
import Laravuewind from 'laravuewind';

createInertiaApp({
    //...
    setup({ el, App, props, plugin }) {
        return createApp({ render: () => h(App, props) })
            .use(plugin)
            .use(Laravuewind) //