See how a minor change to your commit message style can make you a better programmer.
Format: <type>(<scope>): <subject>
<scope>
is optional
<?php | |
declare(strict_types=1); | |
// For code organisation, goes on the user model. | |
namespace App\Concerns; | |
use App\Models\Follow; | |
use Illuminate\Database\Eloquent\Model; |
Images | |
<template> | |
<teleport to="body"> | |
<Transition | |
enter-active-class="transition duration-300 ease-in-out" | |
enter-from-class="translate-y-12 scale-75 opacity-0 ease-in-out" | |
enter-to-class="scale-100 opacity-100 ease-in-out" | |
leave-active-class="transition duration-300 ease-in-out" | |
leave-from-class="translate-y-0 scale-100 opacity-100 ease-in-out" | |
leave-to-class="translate-y-12 scale-75 opacity-0 ease-in-out" | |
> |
import { defineConfig } from 'vite'; | |
import laravel from 'laravel-vite-plugin'; | |
import vue from '@vitejs/plugin-vue'; | |
import fs from 'fs'; | |
import { homedir } from 'os'; | |
import { resolve } from 'path'; | |
export default defineConfig({ | |
plugins: [ | |
laravel({ |
<template> | |
<SidebarLayout v-if="$page.props.auth.user" | |
@newPost="handleNewPost"/> | |
<div id="wrapper" | |
class="flex w-full place-content-center"> | |
<main id="main" | |
:class="[ | |
layout.isMedium ? 'max-w-[980px]' : '', | |
layout.isLarge && !layout.isSidebarExpanded ? 'max-w-[956px]' : '', | |
layout.isLarge && layout.isSidebarExpanded ? 'max-w-[762px]' : '', |
import { defineStore } from "pinia"; | |
import useBreaks from "../Composables/useBreakpoints"; | |
const { isSmall, isMedium, isLarge, isExtraLarge, is2xl, greaterThanMedium, greaterThanLarge } = useBreaks(); | |
export const useLayoutStore = defineStore("layout", { | |
state: () => ({ | |
sidebar: { | |
open: false, | |
expanded: false, |
<?php | |
namespace App\Traits; | |
use Exception; | |
trait EnumMethods | |
{ | |
/** |
<?php | |
namespace App\Filters; | |
abstract class Filters | |
{ | |
/** | |
* The protected request and query objects. | |
* @var object |
//This is just the gist where I store all the images I use for markup. |