atomjoy

<?php

$code = '<h1>Article title goes here</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate iste blanditiis ratione possimus in eum. Dolore assumenda eos, qui quia illo cumque ab recusandae dolor itaque nemo, tenetur minima doloribus?</p>
<style>pre {background: #fafafa; color: #010101;font-family:consolas;font-size:16px}</style>
<pre>
<code wow="error">
<span style="color: red;">Hello</span>
<?php
    echo "hello from js";

atomjoy

<?php

namespace App\Validate;

use Throwable;
use DOMDocument;

/** 
 * Dla artykułu na bloga 
 * Zapisz normalnie html z textarea do bazy danych w laravelu 

atomjoy

/* 

Line numbers css 

<pre>
<code>
<span class="line">Line 1</span>
<span class="line">Line 2</span>
<span class="line">Line 3</span>
</code>

atomjoy

<script setup>
import { onBeforeMount } from 'vue';

let props = defineProps({
	image: { type: String, default: '/default/default.webp' },
});

onBeforeMount(() => {
	const img = new Image();
	img.src = props.image;

atomjoy

<template></template>
<script setup>
import { watch, onMounted } from 'vue';
import { useI18n } from 'vue-i18n';

const { t, locale } = useI18n({ useScope: 'global' });

const props = defineProps({
	description: {
		type: String,

atomjoy

<template></template>
<script setup>
import { useI18n } from 'vue-i18n';
import { watch, onMounted } from 'vue';

const { t, locale } = useI18n({ useScope: 'global' });

const props = defineProps({
	title: {
		type: String,

atomjoy

<script setup>
import { onMounted, ref } from 'vue';

let th = ref('light');

th.value = localStorage.getItem('theme-xxx-theme') ?? 'light';

function update() {
	document.querySelector('html').setAttribute('color-scheme', th.value);
}

atomjoy

<template>
	<div class="change_locale">
		<select v-model="locale" class="locale_select">
			<option
				v-for="lang in availableLocales"
				:key="`locale-${lang}`"
				:value="lang"
			>
				{{ t(lang) }}
			</option>

atomjoy

<template></template>
<script setup>
import { watch } from 'vue';
import { useI18n } from 'vue-i18n';

const { t, locale } = useI18n({ useScope: 'global' });

const props = defineProps({
	json: {
		type: [Array, Object],

atomjoy

<template></template>
<script setup>
import { watch } from 'vue';

const props = defineProps({
	json: {
		type: [Array, Object],
		default: [],
	},
});