Rahmani Seif El Moulouk rsm23

Converting Tailwind UI Alpine transitions to Vue transitions

After you copy a component from the Tailwind UI library and begin to adapt it from Vue JS to Alpine JS .. you may wonder what to do about the transitions. As I'm exploring this myself, I am documenting it for others in the same boat.

Things to be aware of:

Alpine calls the beginning and ending states "start" & "end"
Vue calls the beginning and ending states "from" and "to"
Alpine has inline "directives" ie x-transition:enter="classes"
Vue has a wrapper component that applies classes to the child
Alpine applies the classes you pass it for each state, :enter-start="class"

GENERATORS:

Text Content Generator - http://www.lipsum.com
Favicon Generator - http://tools.dynamicdrive.com/favicon
Data Generator - https://mockaroo.com/
Mobile Mockup Generator - https://mockuphone.com
Logo Generator - https://www.logaster.com
UUID Generator - https://www.uuidgenerator.net/
Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/
Ultimate Code Generator - https://webcode.tools/

Root OnePlus5 without unlocking the bootloader

Gain adb root.

$ adb shell am start -n com.android.engineeringmode/.qualcomm.DiagEnabled --es "code" "angela"

Download Magisk-v14.0 and extract it somewhere. Download MagiskManager.

	<?php

	Blade::directive('route', function ($expression) {
	return '<?php route(' . $expression . '); ?>';
	});

	<?php
	$unzip = new ZipArchive;
	$out = $unzip->open('file-name.zip');

	if ($out === TRUE) {
	$unzip->extractTo(getcwd());
	$unzip->close();
	echo 'File unzipped';
	} else {
	echo 'Something went wrong?';

	<?php
	/**
	* A helper file for Laravel 5, to provide autocomplete information to your IDE
	* Generated for Laravel 5.5.13 on 2017-09-28.
	*
	* @author Barry vd. Heuvel <barryvdh@gmail.com>
	* @see https://github.com/barryvdh/laravel-ide-helper
	*/
	namespace {
	exit("This file should not be included, only analyzed by your IDE");

Rahmani Seif El Moulouk rsm23

Converting Tailwind UI Alpine transitions to Vue transitions

Things to be aware of:

GENERATORS:

Root OnePlus5 without unlocking the bootloader

Default

Powerlevel10k