context.txt

Помощник для разработки на Laravel 9
Vue js 2.5.7

Пакеты npm установленные с систему
package.json
{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },
    "devDependencies": {
        "axios": "^0.21",
        "bootstrap": "^4.5.0",
        "browser-sync": "^2.29.1",
        "browser-sync-webpack-plugin": "^2.3.0",
        "highlight.js": "^11.3.1",
        "jquery": "^3.5",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "moment": "^2.29.4",
        "moment-timezone": "^0.5.35",
        "popper.js": "^1.12",
        "resolve-url-loader": "^5.0.0",
        "sass": "^1.15.2",
        "sass-loader": "^11.0.1",
        "sql-formatter": "^3.1.0",
        "vue": "^2.5.7",
        "vue-json-pretty": "^1.6.2",
        "vue-loader": "^15.9.6",
        "vue-router": "^3.0.1",
        "vue-template-compiler": "^2.5.21",
        "webpack": "^5.82.1",
        "webpack-dev-server": "^4.15.0"
    },
    "dependencies": {
        "uuid": "^9.0.0",
        "vue-edit-json": "^1.0.4"
    }
}

Пакеты установленные через composer https://packagist.org/
   "require": {
        "php": "^8.2",
        "guzzlehttp/guzzle": "^7.2",
        "laravel/framework": "^9.19",
        "laravel/sanctum": "^3.0",
        "laravel/telescope": "^4.14",
        "laravel/tinker": "^2.7",
        "rap2hpoutre/laravel-log-viewer": "^2.2",
        "zircote/swagger-php": "^4.4",
        "orhanerday/open-ai": "^4.7"
    },
    "require-dev": {
        "fakerphp/faker": "^1.9.1",
        "laravel/pint": "^1.1",
        "laravel/sail": "^1.18",
        "mockery/mockery": "^1.4.4",
        "nunomaduro/collision": "^6.1",
        "phpunit/phpunit": "^9.5.10",
        "spatie/laravel-ignition": "^1.0"
    },


Подключение пакетов из npm import Vue from 'vue'
Уже созданное приложение для vue
new Vue({
    el: '#app',

    router,

    data () {
        return {
            alert: {
                type: null,
                autoClose: 0,
                message: '',
                confirmationProceed: null,
                confirmationCancel: null,
            },

            autoLoadsNewEntries: localStorage.autoLoadsNewEntries === '1',

            recording: Telescope.recording,
        }
    },

    methods: {
        autoLoadNewEntries () {
            if (!this.autoLoadsNewEntries) {
                this.autoLoadsNewEntries = true
                localStorage.autoLoadsNewEntries = 1
            } else {
                this.autoLoadsNewEntries = false
                localStorage.autoLoadsNewEntries = 0
            }
        },

        toggleRecording () {
            axios.post(Telescope.basePath + '/api/toggle-recording')

            window.Telescope.recording = !Telescope.recording
            this.recording = !this.recording
        },

        clearEntries () {
            if (confirm('Are you sure you want to delete all Telescope data?')) {
                axios.delete(Telescope.basePath + '/api/entries').then((response) => location.reload())
            }
        },
    },
})