Installation

How to install the project.

Requirements

To install this project, you need:

  • A Laravel app with version 10 and above
  • Tailwind CSS
  • Alpine JS
  • A cool project idea

Installation

To set up the project:

    For now, add these to the repository section of your `composer.json`

    "repositories": [
        {
            "type": "vcs",
            "url": "https://github.com/yungifez/tailwind-merge-laravel.git"
        },
        {
            "type": "vcs",
            "url": "https://github.com/yungifez/tailwind-merge-php.git"
        }
    ],
    
  • Install the package using Composer
    composer require yungifez/artisan-ui
    
  • In your Tailwind configuration file, add the following preset
    tailwind.config.js
    export default {
      presets: [
        require('./vendor/yungifez/artisan-ui/tailwind.config.js'),
      ]
    }
    
  • In your CSS file, import the project's CSS file
    app.css
    @import url(/vendor/yungifez/artisan-ui/dist/artisan.css);
    
  • In your JS file, import the project's Javascript file
    app.js
    import '/vendor/yungifez/artisan-ui/dist/artisan.js'
    
    Or you could use the blade directive
    layout.blade.php
    @artisanScripts
    
  • Test the setup was successful
    index.blade.php
    <x-aui::button>Hello There Youtube!</x-aui::button>