wallacemaxters / blade-petite-vue

A small wrapper to usage petite-vue with Laravel Blade

Maintainers

Details

github.com/wallacemaxters/blade-petite-vue

0.2.0 2024-04-09 01:28 UTC

Requires

illuminate/support: ^9.0 || ^10.0 || ^11.0
illuminate/view: ^9.0 || ^10.0 || ^11.0

Requires (Dev)

orchestra/testbench: ^8.5
phpunit/phpunit: ^10.2

Suggests

None

Provides

None

Conflicts

None

Replaces

None

MIT def278fe7ceff38d5b58473304c87e3c591e466c

wallacemaxters <wallacemaxters.woop@gmail.com>

dev-master
0.2.0
0.1.1
0.1.0
0.0.1

This package is auto-updated.

Last update: 2024-11-09 02:56:33 UTC

README

Use petite-vue with Blade views in Laravel

<html>

<head>

@petitevue
</head>

<body>
  <x-petite-vue :props="['name' => 'Wallace']">
      The current url is:
      <span x-text="$page.url" />

      My name is @{{ name }} 

      This is another value @{{ anotherValue }}

      <button @@click="changeName"></button>

      <x-slot :script>
        <script>
        function (props) {
          return {
            ...props,
            anotherValue: 5,
            changeName() {
              this.name = 'Maxters';
            }
          }
        }
        </script>
      </x-slot>
  </x-petite-vue>
</body>
</html>