Skip to content

Instantly share code, notes, and snippets.

View vvmsoftware's full-sized avatar

VVMSoftware vvmsoftware

View GitHub Profile
@vvmsoftware
vvmsoftware / gist:eed859df19cd40fab0096b1af818d8d1
Created September 24, 2025 20:16
FacetedObjectFilter
<script>
import { CheckIcon, PlusCircledIcon } from "@radix-icons/vue";
import { Separator } from "@/components/ui/separator";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import { Popover,PopoverContent, PopoverTrigger } from "@/components/ui/popover";
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@/components/ui/command";
import { cn } from '@/lib/utils'
export default {
@vvmsoftware
vvmsoftware / gist:1174e90cdad6448f382154c5e0a88768
Created September 24, 2025 17:44
Shadcn countries popup
<script lang="ts">
import { defineComponent } from 'vue';
import { Badge } from '@/components/ui/badge';
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area';
import { Separator } from '@/components/ui/separator';
export default defineComponent({
name: 'CountriesList',
components: { Badge, ScrollArea, Popover, PopoverContent, PopoverTrigger, Separator, ScrollBar },
@vvmsoftware
vvmsoftware / gist:2d40c770aeb137791b5972b2575c9e58
Created August 25, 2025 07:12
AI Chat Interface
<template>
<Head title="AI Chat" />
<AppLayout :breadcrumbs="breadcrumbs">
<div class="flex h-full flex-1 flex-col gap-4 rounded-xl p-4">
<!-- Main Chat Interface -->
<div class="flex flex-1 gap-4 min-h-0">
<!-- Chat Messages Area -->
<div class="flex-1 flex flex-col min-h-0">
<!-- Chat Messages -->
@vvmsoftware
vvmsoftware / gist:ff7669c93d98f65c45ff82f094e617f8
Created August 15, 2025 07:35
location /v2/ {
proxy_pass http://ip/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
@vvmsoftware
vvmsoftware / OffsetPagination
Created August 13, 2025 10:08
Offset based pagination for laravel12 + vue + innertia
<script>
import {
Pagination,
PaginationEllipsis,
PaginationFirst,
PaginationLast,
PaginationList,
PaginationListItem,
PaginationNext,
PaginationPrev,
@vvmsoftware
vvmsoftware / DataTableFilters.vue
Created August 12, 2025 14:18
Shadcn-vue datatable filters component
<script>
import { Button } from '@/components/ui/button'
import { Badge } from '@/components/ui/badge'
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'
import { Command } from '@/components/ui/command'
import { Input } from '@/components/ui/input'
import { Switch } from '@/components/ui/switch'
import { Label } from '@/components/ui/label'
import {
Select,
@vvmsoftware
vvmsoftware / gist:a63026962ca9c709a9129bc441ade910
Created August 11, 2025 06:04
Smooth laravel+inertia+vue css
@tailwind base;
@tailwind components;
@tailwind utilities;
body,
html {
--font-sans:
'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}