akashdp3

# Start timer
zmodload zsh/zprof

# Path to Oh My Zsh
export ZSH="$HOME/.oh-my-zsh"
ZSH_DISABLE_COMPFIX=true  # Optional: Disable compfix if you don't need it
ZSH_THEME="robbyrussell"

# Plugins (keep your plugin list here)
plugins=(

akashdp3

{"name":"akashdp","settings":"{\"settings\":\"{\\n  // workbench\\n  \\\"workbench.colorTheme\\\": \\\"Catppuccin Mocha\\\",\\n  \\\"workbench.activityBar.location\\\": \\\"top\\\",\\n  \\\"workbench.sideBar.location\\\": \\\"right\\\",\\n  \\\"workbench.editor.showTabs\\\": \\\"multiple\\\",\\n  \\\"workbench.startupEditor\\\": \\\"none\\\",\\n  \\\"workbench.productIconTheme\\\": \\\"icons-carbon\\\",\\n  \\\"workbench.iconTheme\\\": \\\"chalice-icon-theme\\\",\\n  \\\"workbench.editor.tabActionCloseVisibility\\\": true,\\n\\n  // window\\n  \\\"window.zoomLevel\\\": 0.3,\\n  \\\"window.titleBarStyle\\\": \\\"custom\\\",\\n  \\\"window.commandCenter\\\": false,\\n\\n  // editor\\n  \\\"breadcrumbs.enabled\\\": false,\\n  \\\"editor.minimap.enabled\\\": false,\\n  \\\"editor.fontFamily\\\": \\\"Dank Mono, Hermit\\\",\\n  \\\"editor.fontSize\\\": 14,\\n  \\\"editor.lineHeight\\\": 1.83,\\n  \\\"editor.roundedSelection\\\": true,\\n  \\\"editor.cursorSmoothCaretAnimation\\\": \\\"on\\\",\\n  \\\"editor.cursorB

akashdp3

# ===========================
# General Settings
# ===========================

# Change prefix to C-a (more ergonomic than C-b)
unbind C-b
set -g prefix C-a
bind C-a send-prefix

# Enable mouse support

akashdp3

{
  // workbench
  "workbench.colorTheme": "Catppuccin Mocha",
  "workbench.activityBar.location": "top",
  "workbench.sideBar.location": "right",
  "workbench.editor.showTabs": "multiple",
  "workbench.startupEditor": "none",
  "workbench.productIconTheme": "icons-carbon",
  "workbench.iconTheme": "chalice-icon-theme",
  "workbench.editor.tabActionCloseVisibility": true,

akashdp3

root = true

[*]
charset = utf-8
trim_trailing_whitespace = true
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 2

akashdp3

import { useState, useEffect } from 'react';

export const useThemeDetector = () => {
    const getCurrentTheme = () =>
        window.matchMedia('(prefers-color-scheme: dark)').matches;
    const [isDarkTheme, setIsDarkTheme] = useState(getCurrentTheme());
    const mqListener = (e) => {
        setIsDarkTheme(e.matches);
    };

akashdp3

Source https://xenox.dev/setting-up-eslint-and-prettier-for-next-js-project/

Run below command to add necessary devDependencies

npm i -D eslint babel-eslint prettier eslint-config-prettier eslint-plugin-prettier eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-security eslint-plugin-simple-import-sort eslint-plugin-sonarjs eslint-plugin-unicorn

yarn add eslint babel-eslint prettier eslint-config-prettier eslint-plugin-prettier eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-security eslint-plugin-simple-import-sort eslint-plugin-sonarjs eslint-plugin-unicorn -D