johannschopplich

/**
 * Set HTTP status code of the response
 */
export function useStatusCode(code: number) {
  if (process.client) return
  const event = useNuxtApp().ssrContext?.event
  if (event) event.res.statusCode = code
}

johannschopplich

export interface SpreadsheetValues {
  majorDimension: "DIMENSION_UNSPECIFIED" | "ROWS" | "COLUMNS";
  range: string;
  values: string[][];
}

export async function getSpreadsheetValues(
  id: string,
  sheet: string
): Promise<Record<string, string>[]> {

johannschopplich

// i.e. $config.debug
window.panel.$config 
// ltr, rtl
window.panel.$direction 
// current language in a multi-language env
window.panel.$language 
// array with all installed languages 
window.panel.$languages
// registered: true/false
window.panel.$license

johannschopplich

<script setup lang="ts">
import { gsap } from 'gsap'
import { ScrollTrigger } from 'gsap/ScrollTrigger'
import { ScrollSmoother } from 'gsap/ScrollSmoother'

const nuxtApp = useNuxtApp()
const router = useRouter()

// Initialize all GSAP plugins
if (process.client) {

johannschopplich

import { $fetch } from "ohmyfetch";
import { objectHash } from "ohash";
import { resolveUnref } from "@vueuse/core";
import { useQuery } from "vue-unquery";
import type { MaybeComputedRef } from "@vueuse/core";
import type { TurboVueOptions } from "vue-unquery";
import type { KirbyQueryRequest, KirbyQueryResponse } from "kirby-fest";

let lastResponse: KirbyQueryResponse | undefined;

johannschopplich

import { gsap } from 'gsap'
import { ScrollTrigger } from 'gsap/ScrollTrigger'
import { ScrollSmoother } from 'gsap/ScrollSmoother'

export function useGsapState() {
  return useState('gsap.state', () => ({ isInitialized: false }))
}

export function useGsap() {
  const state = useGsapState()

johannschopplich

// Create a schema for a post
const Post = z.object({
  slug: z.string(),
  content: z.string(),
});

// Create a schema for a post collection
const Posts = z.array(Post);

// Fetch a post by slug with the correct typed response

johannschopplich

import { useStorageAsync } from "@vueuse/core";
import { get, set, del } from "idb-keyval";

export const STORAGE_KEY_PREFIX = "app.session.";

// eslint-disable-next-line @typescript-eslint/no-explicit-any
export function useIdbStorage<T = any>(key: string, initialValue: T) {
  return useStorageAsync(`${STORAGE_KEY_PREFIX}${key}`, initialValue, {
    async getItem(key: string) {
      return (await get<string>(key)) ?? null;

johannschopplich

cd {SITE_DIRECTORY}

# Create .env if not present
if [ ! -f .env ] && [ -f .env.production.example ]; then
  cp .env.production.example .env
fi

# Pull changes
git pull origin main

johannschopplich

.gig-page .gig-gallery-component .gallery-thumbnails .thumbs-container .thumbnail {
  width: 100px;
  height: 100%;
  margin-right: 5px;
}

.gig-page .gig-gallery-component .gallery-thumbnails .thumbs-container .thumbnail img {
  height: 100%;
  width: inherit;
}