Laravel по-русски

import { useState } from 'react'
import { router } from '@inertiajs/react'

export default function Edit() {
  const [values, setValues] = useState({
    first_name: "",
    last_name: "",
    email: "",
  })

  function handleChange(e) {
    const key = e.target.id;
    const value = e.target.value
    setValues(values => ({
        ...values,
        [key]: value,
    }))
  }

  function handleSubmit(e) {
    e.preventDefault()
    router.post('/users', values)
  }

  return (
    <form onSubmit={handleSubmit}>
      <label htmlFor="first_name">First name:</label>
      <input id="first_name" value={values.first_name} onChange={handleChange} />
      <label htmlFor="last_name">Last name:</label>
      <input id="last_name" value={values.last_name} onChange={handleChange} />
      <label htmlFor="email">Email:</label>
      <input id="email" value={values.email} onChange={handleChange} />
      <button type="submit">Submit</button>
    </form>
  )
}

import {Select} from "flowbite-react";
import {router} from "@inertiajs/react";
import {useState} from "react";

export default function Layout() {

    const [values, setValues] = useState({
        page: "",
    })

    function handleChange(e) {
        const key = e.target.id;
        const value = e.target.value
        setValues(values => ({
            ...values,
            [key]: value,
        }))

        router.get('products', values)

    }

    return (
        <>
            <div className="max-w-[6rem]">
                <form>
                    <Select onChange={handleChange}
                            defaultValue={"20"}
                            id="per_page">
                        <option>20</option>
                        <option>40</option>
                        <option>60</option>
                        <option>80</option>
                    </Select>
                </form>
            </div>

        </>
    );
}

<Link :href="route('index')" >
Route Link
</Link>

<Link :href="asset('/index')" >
Route Link
</Link>

<Link :href="route('index')">
<img :src="asset('/icons/logo.png')">
</Link>

<router-link class="d-flex justify-content-between"
             v-b-toggle="`category${category.id}`"
             :to="{name:'ProductIndex',
 params:{department:department.uri,dep_id:department.id,
          category:category.uri,cat_id:category.id,
          subcategory:subcategory.uri,subcat_id:subcategory.id
          }}">
    {{ subcategory.name }}
    <b-icon class="mx-1" icon="chevron-right"></b-icon>

</router-link>

export default {

    data() {
        return {
            products: [],
        }
    },

    created() {
        this.getProducts();
    },

    computed: {
       myFunction: function() {
           this.getProducts();
        }
    },

    methods: {

        getProducts() {
            this.axios.post(`${this.$route.path}`)
                .then(response => {
                    this.products = response.data;
                });
        }
    }
}//end export