wvovaw

Nuxt 3 + vueuse + Pinia SSR friendly color theme switcher

1. Declare theme cookie in the app.vue.
2. Use HTML nuxt builtin to bind data-theme attribute (your may differ) to the cookie.theme.
3. Create theme.store.ts Pinia store. cycle function cycles through the list of modes and sets current state in the theme cookie
4. Create ThemeSwitcher.vue component.

This approach is universal, SSR friendly and easy adoptable.

Read more about useColorMode

wvovaw

<script lang="ts" setup>
import {
  Dialog as HDialog,
  DialogPanel as HDialogPanel,
  TransitionRoot as HTransitionRoot,
  TransitionChild as HTransitionChild,
} from "@headlessui/vue";

const props = defineProps({
  show: {

wvovaw

upstream strapi {
        server 127.0.0.1:1337;
}
upstream nuxt {
        server 127.0.0.1:3000;
}
server {
        server_name www.domainname.com domainname.com;
        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;

wvovaw

// Generate random string
export const generateUID = (length: number) =>
  Array(length)
    .fill("")
    .map((v) => Math.random().toString(36).charAt(2))
    .join("");

// Convert ArrayBuffer to HEX string
export const bytesToHEX = (bytes: ArrayBuffer) =>
  Array.from(new Uint8Array(bytes)).map(b => b.toString(16).padStart(2, '0')).join('');

wvovaw

{
	"info": {
		"_postman_id": "5be5d43b-8bce-418d-a8f8-9eb7a42c2911",
		"name": "NASA original API",
		"schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json",
		"_exporter_id": "14509461"
	},
	"item": [
		{
			"name": "Mars2020,ingenuity",

wvovaw

#!/bin/env bash

# Ask a pass if not enough privileges
if (($EUID != 0)); then
  if hash pkexec 2>/dev/null; then
    pkexec "$0" "$@"
  elif hash gksu 2>/dev/null; then
    if [[ -t 1 ]]; then
      sudo "$0" "$@"
    else

wvovaw

:root {
  --solarized_base03: #002b36;
  --solarized_base02: #073642;
  --solarized_base01: #586e75;
  --solarized_base00: #657b83;
  --solarized_base0: #839496;
  --solarized_base1: #93a1a1;
  --solarized_base2: #eee8d5;
  --solarized_base3: #fdf6e3;
  --solarized_yellow: #b58900;

wvovaw

:root {
  /* dark */
  --gboxd_bg:    #282828;
  --gboxd_bg0:   #282828;
  --gboxd_bg0_h: #1d2021;
  --gboxd_bg0_s: #32302f;
  --gboxd_bg1:   #3c3836;
  --gboxd_bg2:   #504945;
  --gboxd_bg3:   #665c54;
  --gboxd_bg4:   #7c6f64;

wvovaw

{
  "settingsVersion": "1.66",
  "exclusionRules": [
    {
      "pattern": "https?://mail.google.com/*",
      "passKeys": ""
    },
    {
      "pattern": "https://godbolt.org/",
      "passKeys": ""

wvovaw

cmake_minimum_required(VERSION 3.10)
set(PROJECT_NAME myProject)
project(${PROJECT_NAME} VERSION 1.0 LANGUAGES CXX) # OR C

set(EXECUTABLE_OUTPUT_PATH bin/${CMAKE_BUILD_TYPE})

file(GLOB_RECURSE SOURCE_FILES src/*)
file(GLOB_RECURSE SOURCE_HEADERS include/*)
set(SOURCES ${SOURCE_FILES} ${SOURCE_HEADERS})