Atomjoy atomjoy

Vite shiki chunks in Laravel 13, Vue3, Inertia (no warnings)

import inertia from '@inertiajs/vite';
import { wayfinder } from '@laravel/vite-plugin-wayfinder';
import tailwindcss from '@tailwindcss/vite';
import vue from '@vitejs/plugin-vue';
import laravel from 'laravel-vite-plugin';
import { defineConfig } from 'vite';

Firefox Disable Update Popup

Instal Firefox version 146.0 (nie ma zacinania i skakania na filmach i rolkach youtube i stronach www).

https://ftp.mozilla.org/pub/firefox/releases/146.0/win64/pl

Update policies

Create in directory C:\Program Files\Mozilla Firefox\distribution\policies.json file with content and restart FireFox.

InviewObserver

let dark = false

function changeMode() {
  const el = document.querySelector('#body')
  dark = !dark
  dark ? el.classList.add('dark') : el.classList.remove('dark')
}

Youtube API

https://developers.google.com/youtube/v3/docs/videos/list

Get live stream curent viewers

Set in .env YOUTUBE_API_KEY with https://www.googleapis.com/auth/youtube.readonly permissions.

/**

PrimeVue Components Customization

PrimeVue components configuration, polish locales, change color (color picker, date picker, custom theme style).

Add in Vue app.js

Install with npm install primevue @primeuix/themes

import PrimeVue from 'primevue/config';

	<?php

	namespace App\Actions\Website;

	use Illuminate\Support\Facades\Storage;
	use Intervention\Image\ImageManager;
	use Intervention\Image\Drivers\Gd\Driver;
	use Intervention\Image\Interfaces\ImageInterface;
	use Intervention\Image\Typography\Font;

	<?php

	namespace App\Mail;

	use App\Models\Newsletter;
	use App\Models\Social;
	use App\Models\Subscriber;
	use Illuminate\Bus\Queueable;
	use Illuminate\Contracts\Queue\ShouldQueue;
	use Illuminate\Mail\Mailable;

	###### Parse with atomjoy/parsedown-media and insert in component with <div v-html="markdown" />

	# A Practical Guide to Sending Mail Using Jobs & Queues in Laravel 12

	In Laravel, a job is a PHP class that represents a single unit of work to be executed in the background(like sending an email, exporting data, or processing a report). It typically contains some task that might take time to complete. You typically write your business logic inside the job.

	## Display code block

	A queue is like a line where tasks are handled one by one in the order they arrive. In Laravel, queues let you delay time-consuming work — like sending emails — so it runs in the background instead of slowing down your app. All the jobs are stored in the queue.

	{{-- Code highlight.js --}}

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/default.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/github.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/languages/php.min.js"></script>
	<script>
	/* Required */
	document.addEventListener('DOMContentLoaded', (event) => {
	setTimeout(() => {

	<!DOCTYPE html>
	<html lang="pl">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Infinite images sccroll</title>
	<meta name="robots" content="noindex, nofollow">