JCJang

// for https://plugsandmugs.com/map/
// see case study for illustration details https://jang.digital/work/plugs-and-mugs#illustration-and-color-choice

// composite.js
import jimp from "jimp";
import imagemin from "imagemin";
import imageminPngquant from "imagemin-pngquant";
import fs from "fs";
import path from "path";
// Function to create composite image

JCJang

// website https://dofa.netlify.app/services/mep/mechanical
// case study https://jang.digital/work/department-of-approvals

<script setup lang="ts">
//layouts/header.vue
import { routes } from "/assets/routes.ts";
import { useWindowSize } from "@vueuse/core";
import { useElementSize } from "@vueuse/core";
const headers = ref(null);
const { width: windowW } = useWindowSize();

JCJang

// see image: https://jang.digital/_ipx/_/media/the-modest-inquisitor/screenshot1.jpg
// see case study: https://jang.digital/work/the-modest-inquisitor

<script setup lang="ts">
// javascript - vue 3 setup
import Fuse from 'fuse.js'; // Import the Fuse.js library for fuzzy searching
import WordHighlighter from 'vue-word-highlighter'; // Import a Vue component for highlighting words
// Get a collection of data using Firebase and Vuefire
const collection = useCollection(...);
// Create a reactive variable for the search query