Laracasts Member Profile

Nov

1 month ago

Started a new Conversation Modifying Default Files Of Laravel

Hello, I'm wondering about modifying default files of laravel (except vendor of course). I would say it should be completely ok but I want to be sure

Nov

2 months ago

Awarded Best Reply on 419 Page Expired When Logging In Twice Using Laravel Jetstream

if u open login screen multiple times CSRF token will be same on all and that's the reason

CSRF token must be used uniquely when you login you invalidate that token and then if you are trying to make request with invalid token or without token 419 page expired is shown

Replied to 419 Page Expired When Logging In Twice Using Laravel Jetstream

Yes I meant verifying csrf first because security is superior

I can understand that from user's view this behaviour is a bit strange but also opening multiple login screens and trying to login in each of them is strange behaviour

Replied to 419 Page Expired When Logging In Twice Using Laravel Jetstream

In my opinion this is more logical order because first of all you have to make sure request is valid. If it's not then what's the purpose of deciding which "group" of requests is this request in ?

Replied to 419 Page Expired When Logging In Twice Using Laravel Jetstream

if u open login screen multiple times CSRF token will be same on all and that's the reason

CSRF token must be used uniquely when you login you invalidate that token and then if you are trying to make request with invalid token or without token 419 page expired is shown

Replied to Blade Style Extending Master Layout But In Vue (3)

@tray2 I don't think so. Mixins looks to me like they are supposed to be for javascript not whole template

Started a new Conversation Blade Style Extending Master Layout But In Vue (3)

I'm building app using laravel, inertia and vue 3.

I didn't find anything like blade so I'm asking here now.

In blade I can do this

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
	@yield('content')
</body>
</html>

@extends('layouts.app')

@section('content')
@endsection

is this somehow possible in vue (3) ?

Nov

2 months ago

Replied to Real World Usage Of Interface And It's Meaning

I was thinking about option that interface is there just as contract just to make sure each concretion meets common structure of having same named methods for same things. If that's all what it is then I understand since beginning I was just expecting it to be something more. It's just tool to structure code so when applied in right situation it makes it easier to change functionality

Even then I still want some reaction to my example....are payment options in shopping cart right situation to use interface ? and if yes how it would look ?

Started a new Conversation Real World Usage Of Interface And It's Meaning

Hello

I'm programming for nearly 2 years I'm learning about concepts and theory around OO but what I'm apparently not able to understand is meaning and usage of interface

Let's assume I have shopping cart form at domain/cart I have select with each payment option and after submit of order I have if statement which will determine instance of right class based on selected option and send it to ProcessPayment class where I'm using interface and there I call pay method

Because interface is not magic I have to send instance of right class to part of code where I'm using that interface

Then in my eyes such interface is totally pointless because if I have to manually determine instance of which class will be accessed by using interface I just can skip that step with interface and call pay method right on instance of that class

My question is am I right ? And if not why ? And if this is bad example I would be happy for better one

Oct

2 months ago

Awarded Best Reply on Vue3 Cannot Read Property 'startsWith' Of Undefined

for future readers

"@types/webpack-env": "^1.15.3",

was "missing" (nowhere mentioned you need it)

Replied to Vue3 Cannot Read Property 'startsWith' Of Undefined

for future readers

"@types/webpack-env": "^1.15.3",

was "missing" (nowhere mentioned you need it)

Started a new Conversation Vue3 Cannot Read Property 'startsWith' Of Undefined

Hi, I'm trying to setup laravel 8, vue 3, inertia, bootstrap 5. I was getting all sort of errors I figured somehow mainly by starting over but this one I have no idea

Error appears when running npm run dev

package.json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "@inertiajs/inertia": "^0.5.0",
        "@inertiajs/inertia-vue": "^0.4.0",
        "@inertiajs/inertia-vue3": "^0.2.0",
        "@inertiajs/progress": "^0.1.2",
        "@vue/compiler-sfc": "^3.0.2",
        "axios": "^0.21.0",
        "bootstrap": "^5.0.0-alpha2",
        "cross-env": "^7.0.2",
        "laravel-mix": "^5.0.7",
        "laravel-mix-vue3": "^0.7.0",
        "lodash": "^4.17.20",
        "popper.js": "^1.16.1",
        "resolve-url-loader": "^3.1.2",
        "sass": "^1.27.0",
        "sass-loader": "^10.0.4",
        "vue": "^3.0.2",
        "vue-template-compiler": "^2.6.12"
    }
}

webpack.mix.js

const mix = require('laravel-mix');

require('laravel-mix-vue3');

mix.vue3('resources/js/app.js', 'public/js', {
    typescript: false,
}).sass('resources/sass/app.scss', 'public/css');

app.js

import './bootstrap';
import { createApp, h } from 'vue';
import { app, plugin } from '@inertiajs/inertia-vue3';
import { InertiaProgress } from '@inertiajs/progress';

const el = document.getElementById('app');
el.classList.add("h-full");

InertiaProgress.init({
    delay: 250,
    color: '#29d',
    includeCSS: true,
    showSpinner: false,
});

createApp({
    render: () => h(app , {
        initialPage: JSON.parse(el.dataset.page),
        resolveComponent: name => require(`./Pages/${name}`).default
    }),
}).use(plugin).mount(el);

error won't appear until running vue init

createApp({
    render: () => h(app , {
        initialPage: JSON.parse(el.dataset.page),
        resolveComponent: name => require(`./Pages/${name}`).default
    }),
}).use(plugin).mount(el);

Sep

4 months ago

Awarded Best Reply on Laravel 8 ' The "--jet" Option Does Not Exist. '

run again composer global require laravel/installer and then laravel new urproject --jet

Replied to Laravel 8 ' The "--jet" Option Does Not Exist. '

run again composer global require laravel/installer and then laravel new urproject --jet

Rymercyble

Start Your Engines

First Thousand

One Year Member

Two Year Member

Three Year Member

Four Year Member

Five Year Member

School In Session

Welcome To The Community

Full Time Learner

Pay It Forward

Subscriber

Lifer

Laracasts Evangelist

Chatty Cathy

Laracasts Veteran

Ten Thousand Strong

Laracasts Master

Laracasts Tutor

Laracasts Sensei

Top 50

Community Pillar

Want us to email you occasionally with Laracasts news?