The Ultimate
Snippet Library.

Implement a v-click-outside Custom Directive in Vue 3

Learn how to create a reusable Vue 3 custom directive (`v-click-outside`) to detect clicks outside an element, perfect for closing dropdowns or modals.

Create a Reactive useLocalStorage Composable in Vue 3

Build a Vue 3 composable (`useLocalStorage`) to effortlessly synchronize reactive state with browser local storage, perfect for persisting user preferences.

Programmatic Scroll to Element with Vue 3 Composable

Learn to create a Vue 3 composable (`useScrollTo`) for smooth programmatic scrolling to specific DOM elements, improving user navigation and UX.

Manage Dynamic Meta & Head Tags with Vue 3 Composable

Implement a Vue 3 composable (`useHeadTags`) to dynamically update document title and meta tags, crucial for SEO and social sharing in SPAs.

Build an Infinite Scroll Composable in Vue 3

Create a Vue 3 composable (`useInfiniteScroll`) to easily implement infinite scrolling for lists, efficiently loading more data as the user scrolls.

Create a Timestamped Directory Backup

Learn how to easily create timestamped tar.gz backups of important directories using a simple bash script, perfect for data preservation and automation.

Find and Kill Processes by Name

Efficiently locate and terminate processes by their name or a part of their name using a simple bash script. Ideal for managing background services or unresponsive applications.

Search Log Files for Patterns with Context

Use this bash script to efficiently search multiple log files for specific patterns and display matching lines along with surrounding context for better debugging and analysis.

Display System Resource Usage

Get a quick, human-readable overview of your system's CPU, memory, and disk usage with this simple yet effective bash script. Essential for monitoring server health.

Download File if Not Exists or Outdated

Automate file downloads with this intelligent bash script that checks if a file exists locally or if its remote version is newer, preventing unnecessary data transfers.

Implementing a Robust Content Security Policy (CSP)

Enhance web application security by implementing a Content Security Policy (CSP) to prevent XSS and injection attacks, controlling resource loading.

Configuring Secure, HTTP-Only Cookies with SameSite

Learn to configure cookies with `HttpOnly`, `Secure`, and `SameSite` attributes to protect against XSS, CSRF, and session hijacking vulnerabilities.