常連

### livewire バージョン2をインストールしたい

現在、livewire バージョン3を使用しておりますが、3はまだ検索記事があまりなく苦労しておりますのでバージョン2の方を使用したいと考えています。
```ここに言語を入力
 composer require livewire/livewire
```
上記ではバージョン3が入ってしまうのでバージョン2をインスールしたいです。

インストール方法がわかる方教えてください。

または、3からのダウングレード方法でも良いです。

よろしくお願いいたします。

livewire バージョン2をインストールしたい

### 実現したいこと
Laravel Livewireを使って実装してます。
登録Form画面を作成してます。
登録するために、コードを書いていますが、下記のエラーが起きます。

### 発生している問題・分からないこと
プロパティを定義しているのに、エラーが測れるのが理解できないです。

### エラーメッセージ
```error
Unable to set component data. Public property [$“email”] not found on component: [register]
Unable to set component data. Public property [$“name”] not found on component: [register]
Unable to set component data. Public property [$“password”] not found on component: [register]
```

### 該当のソースコード

```Laravel

```app/Http/Controllers/LivewireTestController.php
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class LivewireTestController extends Controller
{
    //
    public function index() {
        return view('livewire-test.index');
    }

    public function register() {
        return view('livewire-test.register');
    }
}

```
>
```

```

```Laravel

<?php

namespace App\Http\Livewire;

use Livewire\Component;

use App\Models\User;
use Illuminate\Support\Facades\Hash;


class Register extends Component
{
    public $name;
    public $email;
    public $password;

    protected $rules = [
        'name' => 'required|string|max:255',
        'email' => 'required|string|email|max:255|unique:users',
        'password' => 'required|string|min:8',
    ];
    public function register() {
        $this->validate();
        // dd('登録');
    }
    public function render()
    {
        return view('livewire.register');
    }
}

```

```Laravel

```resources/views/livewire/register.blade.php
<div>
  <form wire:submit.prevent="register"> 
    {{-- //ページ読み込みを防ぐ --}}
      <label for="name">名前</label>
      <input id="name" type="text" wire:model="name"><br>
      <label for="email">メールアドレス</label>
      <input id="email" type="email" wire:model="email"><br>
      <label for="password">パスワード</label>
      <input id="password" type="password" wire:model="password">
      <button>登録する</button>
    </form>
</div
```

```Laravel

```resources/views/livewire-test/register.blade.php
<htnl>

  <head>
    @livewireStyles
  </head>

  <body>
    livewireテスト register

    @livewire('register')
    @livewireScripts
  </body>
</htnl>
```
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [x] その他

##### 上記の詳細・結果
エラーを検索し、エラーの内容を理解した。

public で定義した変数が呼び出されていないがために
エラーが生じているようである。


### 補足
Laravel Livewire2.0

エラー解消のサポートをしてほしいです

### laravel で音声ファイル（wav）を再生したい
livewireを利用して、音声ファイルを再生するアプリを作成しています。
phpでアップロードしたwavファイル再生methodを作成したいのですがwav再生の仕方がわかりません。

### 前提

- wavファイルをアップロードしstorage保存までは完成している。
- dbにwavファイル名だけを保存し、フロント側にリスト表示し、<audio>で再生される仕組み。
- 表示された<audio>はマウスクッリクで再生される。
上記は完成済み。

### 発生している問題、wavファイル再生の私からがわからない
訳あってフロント側（js,マウス操作含め）ではなく、あくまでバックエンド側で再生できる methodを教えていただきたいです。
よろしくお願いします。

### 該当のソースコード

``` component
<?php

namespace App\Livewire;

use Illuminate\Http\Request;
use Livewire\Component;
use App\Livewire\WavFile;
use App\Models\WavFile as ModelsWavFile;
use Livewire\WithFileUploads;
use Livewire\Attributes\Validate;
use Illuminate\Support\Facades\DB;

class Home extends Component
{
    use WithFileUploads;

    #[Validate('image|max:1024')] // 1MB Max
    public $photo;
    public $wav_file;
    public function save(Request $request)
    {
        $file = $this->wav_file;
        if (isset($file)) {
            $file_name = $file->getClientOriginalName();
            $file->storeAs('public/', $file_name);
        }

        ModelsWavFile::create([
            'wav_file' => $file_name
        ]);
    }
    public function render()
    {
        $wav_files = DB::table('wav_files')
            ->get()->toArray();
        return view('livewire.home')->with('items', $wav_files);
    }
}

```
```view
<div>
    <form wire:submit="save">
        <input type="file" wire:model="wav_file">
     
        @error('photo') <span class="error">{{ $message }}</span> @enderror
     
        <button type="submit">Save photo</button>

    </form>
    <div class="py-5 px-10">
        @for ($index = 0; $index < count($items); $index++)
        <div class="flex mb-4 items-center w-full">
            <span class="w-3/5">{{$index}}{{$items[$index]->wav_file}}</span>
            <audio controls class="w-4/12">
                <source class="text-2xl my-3 text-gray-500" src="{{ asset('storage/'.$items[$index]->wav_file)}}"/>
            </audio>
        </div>
        @endfor
    </div>
</div>

```
### 試したこと

openal_buffer_dataだのなんだの調べましたが、良いヒントにはならずでした。

### 補足情報（FW/ツールのバージョンなど）

laravel v10
livewire v3



laravel で音声ファイル（wav）を再生したい。

### 前提
livewireを初めて使います。
クリックした問題の答えだけが呼び出せるように、JSではなくlivewireを使ってみようとチュートリアルなどで少しlivewireを学習しました。ただ、同じようなケースも見つけれなくて、自分なりに作ってみようと始めてみました。

### 実現したいこと
ページに問題（10問）とクリックしたら解答が表示されるボタンを並べたいです。

### 発生している問題・エラーメッセージ
まずはそもそも、問題がviewに渡っていない。どなたかご教授いただけたらと思います。よろしくお願いいたします。

**エラーメッセージ**
Attempt to read property "en1" on null (View: C:\english_ssh\ssh\resources\views\livewire\study.blade.php)

### 該当のソースコード
```php 
view/livewire.blade.php

 <table class="table-box" style="border:solid 1px gray; margin:0 auto;">
            <thead>
                <tr style="background-color:darkseagreen">
                    <th style="width:15%">テスト名</th>
                </tr>
            </thead>
            <tbody id="tbl">
                <tr>
                    <td>{{ $word->test_name }}</td>
                </tr>
            </tbody>

            <livewire:study :id="$id">


```
```php

view/livewire/study.blade.php

<table class="table-all">
    <thead>
        <tr>
            <th style="width:5%">番号</th>
            <th style="width:30%">問題</th>
            <th style="width:30%">正解</th>
        </tr>
    </thead>
    <tbody id="tbl">
                    <tr class="onetest">
                        <td>1</td>
                        <td>{{ $word->en1}}</td>
                        <td style="color:red;">
                        <button wire:click="answer1({{ $word->ja1}})">日本語で</button>
                        </td>
                    </tr>
                    <tr class="onetest">
                    <td>2</td>
                        <td>{{ $word->en2}}</td>
                        <td style="color:red;">
                        <button wire:click="answer2({{ $word->ja2}})">日本語で</button>
                        </td>
                    </tr>
```
```php
<?php

namespace App\Http\Livewire;

use Livewire\Component;
use Illuminate\Http\Request;
use App\Models\Word;



class Study extends Component
{
    public $word,$en1,$en2,$en3,$en4,$en5,$en6,$en7,$en8,$en9,$en10;

    public function mount($id)
    {
        $word = Word::findOrFail($id);
        $this->en1 = $word->en1;
        $this->en2 = $word->en2;
        $this->en3 = $word->en3;
        $this->en4 = $word->en4;
        $this->en5 = $word->en5;
        $this->en6 = $word->en6;
        $this->en7 = $word->en7;
        $this->en8 = $word->en8;
        $this->en9 = $word->en9;
        $this->en10 = $word->en10;
    }



    public function render()
    {

    $word=Word::select('en1','en2','en3','en4','en5','en6','en7','en8','en9','en10')
    ->where('en1','=', $this->en1)->where('en2','=',$this->en2)->first();
        return view('livewire\study',[
            'word'=>$word
        ]);
    }

}

```

### 試したこと

Livewire/Study.phpの37行めに dd($word);入れてデバッグすると欲しいデータはきちんと渡っています。


### 補足情報（FW/ツールのバージョンなど）

laravel8
livewire2.11


laravel　livewireでの値の渡し方

### 前提・実現したいこと
利用者と管理者をログイン時にロールで認可して、ユーザー権限ごとにリダイレクト先を変更したい。

### 発生している問題・エラーメッセージ
該当コードのように実装し、利用者の方は想定通りリダイレクトされるが、管理者の方がエラーが出てしまう。

```
403　THIS ACTION IS UNAUTHORIZED.
```

怪しい点があればご指摘頂ければと思います。
よろしくお願い致します。

### 該当のソースコード

```
/providers/AuthServiceProvider

<?php

namespace App\Providers;

use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
use Illuminate\Support\Facades\Gate;

class AuthServiceProvider extends ServiceProvider
{
    /**
     * The policy mappings for the application.
     *
     * @var array
     */
    protected $policies = [
        'App\Models\Model' => 'App\Policies\ModelPolicy',
    ];

    /**
     * Register any authentication / authorization services.
     *
     * @return void
     */
    public function boot()
    {
        $this->registerPolicies();

        // 管理者以上（管理者＆システム管理者、ロール1〜10以下）に許可
        Gate::define('admin-higher', function ($user) {
            return ($user->role >= 1 && $user->role <= 10);
        });
        // 一般ユーザ以上に許可（ロール11〜100以下）
        Gate::define('user-higher', function ($user) {
            return ($user->role > 10 && $user->role <= 100);
        });
    }
}

```

```
/Middleware/RedirectIfAuthenticated.php

<?php

namespace App\Http\Middleware;

use App\Providers\RouteServiceProvider;
use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;

class RedirectIfAuthenticated
{
    public function handle(Request $request, Closure $next, ...$guards)
    {
        $guards = empty($guards) ? [null] : $guards;
        foreach ($guards as $guard) {
            if ($guard == "admin-higher" && Auth::guard($guard)->check()) {
                return redirect()->route('admin-home');
            }
            if ($guard == "user-higher" && Auth::guard($guard)->check()) {
                return redirect()->route('home');
            }
        }
        return $next($request);
    }
}
```

```
/config/web.php

// 利用者権限
Route::group(['middleware' => ['auth', 'can:user-higher']], function () {
//在庫一覧
    Route::get('list', [StockController::class, 'index'])->name('home');
// 管理者以上
Route::group(['middleware' => ['auth', 'can:admin-higher']], function () {
// 在庫一覧
Route::get('admin/list', [AdminController::class, 'index'])->name('admin-home');
```

```
//利用者側
class StockController extends Controller
{
    public function __construct() { //  __construct クラスを追加
        $this->middleware('auth'); // ログイン者のみ下記メソッドを実行可能に
    }

    public function index(Request $request)
    {
        $user_id = Auth::id(); //ログインユーザーのID取得
        $stocks = Stock::with('user')->where('user_id', '=', $user_id)->simplePaginate(8);
        return view('stock.list', ['stocks' => $stocks]);
    }
```

```
//管理者側
class AdminController extends Controller
{
    public function index(Request $request)
    {
        $stocks = Stock::query()->simplePaginate(8); //全在庫取得
        return view('stock.list', ['stocks' => $stocks]);
    }
```

ログイン者のロール情報
・利用者　ロール→11
・管理者　ロール→2

### 試したこと
リダイレクト先の記述を下記のように変更

```
/Middleware/RedirectIfAuthenticated.php

<?php

namespace App\Http\Middleware;

use App\Providers\RouteServiceProvider;
use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;

class RedirectIfAuthenticated
{
    public function handle(Request $request, Closure $next, ...$guards)
    {
        $guards = empty($guards) ? [null] : $guards;
        foreach ($guards as $guard) {
            if ($guard == "admin-higher" && Auth::guard($guard)->check()) {
                return redirect()->route('admin-home');
            }elseif ($guard == "user-higher" && Auth::guard($guard)->check()) {
                return redirect()->route('home');
            }
        }
        return $next($request);
    }
}
```

### 補足情報（FW/ツールのバージョンなど）
laravel8、livewire

laravel8 ユーザー権限ごとにログイン後のリダイレクト先変更について

### 前提・実現したいこと

Laravel初心者です。
今回、Laravel 8 + Livewireでクイズアプリを作っています。
(Larabel 8 + JetStreamのインストールでLivewireを選択しました)

クイズアプリのページ遷移は、以下のような動きです。
問題画面->解答画面->問題画面->解答画面->・・・(問題と解答を繰り返す)・・・->結果点数画面

ステータス変数に応じて画面を切り替え表示しています.

### 発生している問題・エラーメッセージ

ここで困っているのが、問題画面でスクロールして解答画面に遷移すると、画面トップから表示されず、前の問題画面でのスクロール位置で表示されてしまう点です。

以下で同様の問題をみつけましたが解決には至っていないようです。
[scroll to top of page - livewire component - alpine js](https://stackoverflow.com/questions/66131354/scroll-to-top-of-page-livewire-component-alpine-js)

Reactでの解決方法は、
・スクロールトップ用のコンポーネントをつくる
・作ったコンポーネントでラップする
となっているので、LivewireでもAlpineJSを使って同じようなことをすれば良いのかと、Livewire公式ドキュメントを確認してみましたが、どうすれば良いか分からずに途方にくれております。

### 該当のソースコード

views/layouts/quizframe.blade.php
```Blade
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>クイズ</title>
    @livewireStyles
    <link href="{{ mix('css/app.css') }}" rel="stylesheet">
</head>
<body>
    <main class="main">
        <div class="holder">
            @livewire('quiz')
        </div>
    </main>
    @livewireScripts
    <script src="{{ mix('js/app.js') }}"></script>
</body>
</html>
```

views/livewire/quiz.blade.php
```Blade
{{-- 問題画面 --}}
@if($flow == 'ques')
    <div class="holder-inner question">
        ここに問題を表示（この部分がスクロールが必要になるほど長い）
        選択問題で選択肢をクリックで解答画面へ
        <ul>
            <li wire:click="checkAnswer(選択肢Aのid)">選択肢A</li>
            <li wire:click="checkAnswer(選択肢Bのid)">選択肢B</li>
        </ul>
    </div>
@endif

{{-- 解答画面 --}}
@if($flow == 'answer')
    <div class="holder-inner answer">
        ここに解答を表示
        （この部分も解説文あり、スクロールが必要になるほど長い）
        @if($num < 5)
            <button wire:click="showQuestion">つぎの問題へ</button>
        @else
            <button wire:click="showResult">結果をみる</button>
        @endif
    </div>
@endif

{{-- 結果画面 --}}
@if($flow == 'result')
    <div class="holder-inner result">
        ここに結果を表示
    </div>
@endif

```

```php
<?php
namespace App\Http\Livewire;

use Livewire\Component;
use App\Models\Question;
use App\Models\Choice;

class Quiz extends Component
{
    public $flow; // 画面ステータス

    public function mount()
    {
        $this->resetQuiz();
        $this->showQuestion();
    }

    public function render()
    {
        return view('livewire.quiz')
            ->layout('layouts.quizframe');
    }

    public function resetQuiz()
    {
        // プロパティを初期化
    }

    public function showQuestion()
    {
        $this->flow = 'ques';
        // 問題を取得
    }

    public function checkAnswer($id)
    {
        $this->flow = 'answer';
        // 採点
    }

    public function showResult()
    {
        $this->flow = 'result';
    }
}
```

ご教授いただけると助かります。
どうぞよろしくお願いします。

Laravel Livewireでページ遷移したときのスクロール位置を上まで戻したい

jetstream、livewireをインストール後migrateを行いlocalhostにアクセス。
login、registerの画面が表示されるのですがボタンを押すと下記のエラーが発生します。

Illuminate\Database\QueryException
SQLSTATE[HY000] [2002] Connection refused (SQL: select count(*) as aggregate from `users` where `email` = test@mail.comn)
http://localhost:8573/register

環境
- windows
- laravel8
- docker
- mysql

コード
.env
DB_CONNECTION=mysql
DB_HOST=mysql
DB_PORT=3308
DB_DATABASE=klstock
DB_USERNAME=sail
DB_PASSWORD=password

database.php
'mysql' => [
            'driver' => 'mysql',
            'url' => env('DATABASE_URL'),
            'host' => env('DB_HOST', '127.0.0.1'),
            'port' => env('DB_PORT', '3308'),
            'database' => env('DB_DATABASE', 'forge'),
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'unix_socket' => env('DB_SOCKET', ''),
            'charset' => 'utf8mb4',
            'collation' => 'utf8mb4_unicode_ci',
            'prefix' => '',
            'prefix_indexes' => true,
            'strict' => true,
            'engine' => null,
            'options' => extension_loaded('pdo_mysql') ? array_filter([
                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
            ]) : [],
        ],

docker-compose.yml
mysql:
        image: 'mysql:8.0'
        ports:
            - '${FORWARD_DB_PORT:-3308}:3306'
        environment:
            MYSQL_ROOT_PASSWORD: '${DB_PASSWORD}'
            MYSQL_DATABASE: 'klstock'
            MYSQL_USER: 'sail'
            MYSQL_PASSWORD: 'password'
            MYSQL_ALLOW_EMPTY_PASSWORD: 'yes'
        volumes:
            - 'sailmysql:/var/lib/mysql'
        networks:
            - sail
        healthcheck:
            test: ["CMD", "mysqladmin", "ping", "-p${DB_PASSWORD}"]
            retries: 3
            timeout: 5s

試したこと
port番号を変えたりmigrate:freshやrefreshなど試してみましたが状況は変わりません

laravel jetstreamでエラー(SQLSTATE[HY000] [2002] Connection refused)

livewireというライブラリを使用したいと思っているのですが、licence.txtを確認するとMITライセンスの著作権の発生年が記載されていませんでした。
この場合、自分で年を書いて使用できるのでしょうか？また、何年と記載すればよいか教授いただけますと幸いです。
https://github.com/livewire/livewire/blob/main/LICENSE.md


