@tekkare/auriga 0.1.9 → 0.1.11

package/dist/runtime/components/allIcons.vue

@@ -0,0 +1,1112 @@
+<template>
+  <div>
+    <div style="margin: 16px">
+      <arg-search-input
+        v-model:Value="searchIcon"
+        :value="searchIcon"
+        place-holder-value="Search an icon..."
+      />
+    </div>
+    <div style="display: flex; flex-wrap: wrap">
+      <div
+        v-for="(icon, index) in filteredIcon"
+        :key="index"
+        style="margin: 10px; width: 200px"
+      >
+        <center>
+          <arg-icon :name="icon" size="48"></arg-icon>
+          <p>{{ icon }}</p>
+        </center>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  ref,
+  computed,
+  defineComponent
+} from "vue";
+import argIcon from "./argIcon.vue";
+import argSearchInput from "./argSearchInput.vue";
+export default defineComponent({
+  name: "allIcons",
+  components: { argIcon, argSearchInput },
+  setup() {
+    const searchIcon = ref("");
+    const iconNames = [
+      "Activity",
+      "AddressBook",
+      "AirplaneInFlight",
+      "AirplaneLanding",
+      "AirplaneTakeoff",
+      "AirplaneTilt",
+      "Airplane",
+      "Airplay",
+      "Alarm",
+      "Alien",
+      "AlignBottomSimple",
+      "AlignBottom",
+      "AlignCenterHorizontalSimple",
+      "AlignCenterHorizontal",
+      "AlignCenterVerticalSimple",
+      "AlignCenterVertical",
+      "AlignLeftSimple",
+      "AlignLeft",
+      "AlignRightSimple",
+      "AlignRight",
+      "AlignTopSimple",
+      "AlignTop",
+      "AnchorSimple",
+      "Anchor",
+      "AndroidLogo",
+      "AngularLogo",
+      "Aperture",
+      "AppStoreLogo",
+      "AppWindow",
+      "AppleLogo",
+      "ApplePodcastsLogo",
+      "ArchiveBox",
+      "ArchiveTray",
+      "Archive",
+      "Armchair",
+      "ArrowArcLeft",
+      "ArrowArcRight",
+      "ArrowBendDoubleUpLeft",
+      "ArrowBendDoubleUpRight",
+      "ArrowBendDownLeft",
+      "ArrowBendDownRight",
+      "ArrowBendLeftDown",
+      "ArrowBendLeftUp",
+      "ArrowBendRightDown",
+      "ArrowBendRightUp",
+      "ArrowBendUpLeft",
+      "ArrowBendUpRight",
+      "ArrowCircleDownLeft",
+      "ArrowCircleDownRight",
+      "ArrowCircleDown",
+      "ArrowCircleLeft",
+      "ArrowCircleRight",
+      "ArrowCircleUpLeft",
+      "ArrowCircleUpRight",
+      "ArrowCircleUp",
+      "ArrowClockwise",
+      "ArrowCounterClockwise",
+      "ArrowDownLeft",
+      "ArrowDownRight",
+      "ArrowDown",
+      "ArrowElbowDownLeft",
+      "ArrowElbowDownRight",
+      "ArrowElbowLeftDown",
+      "ArrowElbowLeftUp",
+      "ArrowElbowLeft",
+      "ArrowElbowRightDown",
+      "ArrowElbowRightUp",
+      "ArrowElbowRight",
+      "ArrowElbowUpLeft",
+      "ArrowElbowUpRight",
+      "ArrowFatDown",
+      "ArrowFatLeft",
+      "ArrowFatLineDown",
+      "ArrowFatLineLeft",
+      "ArrowFatLineRight",
+      "ArrowFatLineUp",
+      "ArrowFatLinesDown",
+      "ArrowFatLinesLeft",
+      "ArrowFatLinesRight",
+      "ArrowFatLinesUp",
+      "ArrowFatRight",
+      "ArrowFatUp",
+      "ArrowLeft",
+      "ArrowLineDownLeft",
+      "ArrowLineDownRight",
+      "ArrowLineDown",
+      "ArrowLineLeft",
+      "ArrowLineRight",
+      "ArrowLineUpLeft",
+      "ArrowLineUpRight",
+      "ArrowLineUp",
+      "ArrowRight",
+      "ArrowSquareDownLeft",
+      "ArrowSquareDownRight",
+      "ArrowSquareDown",
+      "ArrowSquareIn",
+      "ArrowSquareLeft",
+      "ArrowSquareOut",
+      "ArrowSquareRight",
+      "ArrowSquareUpLeft",
+      "ArrowSquareUpRight",
+      "ArrowSquareUp",
+      "ArrowUDownLeft",
+      "ArrowUDownRight",
+      "ArrowULeftDown",
+      "ArrowULeftUp",
+      "ArrowURightDown",
+      "ArrowURightUp",
+      "ArrowUUpLeft",
+      "ArrowUUpRight",
+      "ArrowUpLeft",
+      "ArrowUpRight",
+      "ArrowUp",
+      "ArrowsClockwise",
+      "ArrowsCounterClockwise",
+      "ArrowsDownUp",
+      "ArrowsHorizontal",
+      "ArrowsInCardinal",
+      "ArrowsInLineHorizontal",
+      "ArrowsInLineVertical",
+      "ArrowsInSimple",
+      "ArrowsIn",
+      "ArrowsLeftRight",
+      "ArrowsOutCardinal",
+      "ArrowsOutLineHorizontal",
+      "ArrowsOutLineVertical",
+      "ArrowsOutSimple",
+      "ArrowsOut",
+      "ArrowsVertical",
+      "ArticleMedium",
+      "ArticleNyTimes",
+      "Article",
+      "AsteriskSimple",
+      "Asterisk",
+      "At",
+      "Atom",
+      "Baby",
+      "Backpack",
+      "Backspace",
+      "BagSimple",
+      "Bag",
+      "Balloon",
+      "Bandaids",
+      "Bank",
+      "Barbell",
+      "Barcode",
+      "Barricade",
+      "Baseball",
+      "Basketball",
+      "Bathtub",
+      "BatteryChargingVertical",
+      "BatteryCharging",
+      "BatteryEmpty",
+      "BatteryFull",
+      "BatteryHigh",
+      "BatteryLow",
+      "BatteryMedium",
+      "BatteryPlus",
+      "BatteryWarningVertical",
+      "BatteryWarning",
+      "Bed",
+      "BeerBottle",
+      "BehanceLogo",
+      "BellRinging",
+      "BellSimpleRinging",
+      "BellSimpleSlash",
+      "BellSimpleZ",
+      "BellSimple",
+      "BellSlash",
+      "BellZ",
+      "Bell",
+      "BezierCurve",
+      "Bicycle",
+      "Binoculars",
+      "Bird",
+      "BluetoothConnected",
+      "BluetoothSlash",
+      "BluetoothX",
+      "Bluetooth",
+      "Boat",
+      "BookBookmark",
+      "BookOpen",
+      "Book",
+      "BookmarkSimple",
+      "Bookmark",
+      "BookmarksSimple",
+      "Bookmarks",
+      "Books",
+      "BoundingBox",
+      "BracketsAngle",
+      "BracketsCurly",
+      "BracketsRound",
+      "BracketsSquare",
+      "Brain",
+      "Brandy",
+      "BriefcaseMetal",
+      "Briefcase",
+      "Broadcast",
+      "Browser",
+      "Browsers",
+      "BugBeetle",
+      "BugDroid",
+      "Bug",
+      "Buildings",
+      "Bus",
+      "Butterfly",
+      "Cactus",
+      "Cake",
+      "Calculator",
+      "CalendarBlank",
+      "CalendarCheck",
+      "CalendarPlus",
+      "CalendarX",
+      "Calendar",
+      "CameraRotate",
+      "CameraSlash",
+      "Camera",
+      "Campfire",
+      "CarSimple",
+      "Car",
+      "Cardholder",
+      "Cards",
+      "CaretCircleDoubleDown",
+      "CaretCircleDoubleLeft",
+      "CaretCircleDoubleRight",
+      "CaretCircleDoubleUp",
+      "CaretCircleDown",
+      "CaretCircleLeft",
+      "CaretCircleRight",
+      "CaretCircleUp",
+      "CaretDoubleDown",
+      "CaretDoubleLeft",
+      "CaretDoubleRight",
+      "CaretDoubleUp",
+      "CaretDown",
+      "CaretLeft",
+      "CaretRight",
+      "CaretUp",
+      "Cat",
+      "CellSignalFull",
+      "CellSignalHigh",
+      "CellSignalLow",
+      "CellSignalMedium",
+      "CellSignalNone",
+      "CellSignalSlash",
+      "CellSignalX",
+      "ChalkboardSimple",
+      "ChalkboardTeacher",
+      "Chalkboard",
+      "ChartBarHorizontal",
+      "ChartBar",
+      "ChartLineUp",
+      "ChartLine",
+      "ChartPieSlice",
+      "ChartPie",
+      "ChatCenteredDots",
+      "ChatCenteredText",
+      "ChatCentered",
+      "ChatCircleDots",
+      "ChatCircleText",
+      "ChatCircle",
+      "ChatDots",
+      "ChatTeardropDots",
+      "ChatTeardropText",
+      "ChatTeardrop",
+      "ChatText",
+      "Chat",
+      "ChatsCircle",
+      "ChatsTeardrop",
+      "Chats",
+      "CheckCircle",
+      "CheckCircleFill",
+      "CheckSquareOffset",
+      "CheckSquare",
+      "CheckSquareFill",
+      "Check",
+      "Checks",
+      "CircleDashed",
+      "CircleHalfTilt",
+      "CircleHalf",
+      "CircleNotch",
+      "CircelSelectFill",
+      "CircleWavyCheck",
+      "CircleWavyQuestion",
+      "CircleWavyWarning",
+      "CircleWavy",
+      "Circle",
+      "CirclesFour",
+      "CirclesThreePlus",
+      "CirclesThree",
+      "ClipboardText",
+      "Clipboard",
+      "ClockAfternoon",
+      "ClockClockwise",
+      "ClockCounterClockwise",
+      "Clock",
+      "ClosedCaptioning",
+      "CloudArrowDown",
+      "CloudArrowUp",
+      "CloudCheck",
+      "CloudFog",
+      "CloudLightning",
+      "CloudMoon",
+      "CloudRain",
+      "CloudSlash",
+      "CloudSnow",
+      "CloudSun",
+      "Cloud",
+      "Club",
+      "CoatHanger",
+      "CodeSimple",
+      "Code",
+      "CodepenLogo",
+      "CodesandboxLogo",
+      "Coffee",
+      "CoinVertical",
+      "Coin",
+      "Coins",
+      "Columns",
+      "Command",
+      "Compass",
+      "ComputerTower",
+      "Confetti",
+      "Cookie",
+      "CookingPot",
+      "CopySimple",
+      "Copy",
+      "Copyleft",
+      "Copyright",
+      "CornersIn",
+      "CornersOut",
+      "Cpu",
+      "CreditCard",
+      "Crop",
+      "CrosshairSimple",
+      "Crosshair",
+      "CrownSimple",
+      "Crown",
+      "Cube",
+      "CurrencyBtc",
+      "CurrencyCircleDollar",
+      "CurrencyCny",
+      "CurrencyDollarSimple",
+      "CurrencyDollar",
+      "CurrencyEth",
+      "CurrencyEur",
+      "CurrencyGbp",
+      "CurrencyInr",
+      "CurrencyJpy",
+      "CurrencyKrw",
+      "CurrencyKzt",
+      "CurrencyNgn",
+      "CurrencyRub",
+      "CursorText",
+      "Cursor",
+      "Cylinder",
+      "Database",
+      "DesktopTower",
+      "Desktop",
+      "Detective",
+      "DeviceMobileCamera",
+      "DeviceMobileSpeaker",
+      "DeviceMobile",
+      "DeviceTabletCamera",
+      "DeviceTabletSpeaker",
+      "DeviceTablet",
+      "Diamond",
+      "DiamondsFour",
+      "DiceFive",
+      "DiceFour",
+      "DiceOne",
+      "DiceSix",
+      "DiceThree",
+      "DiceTwo",
+      "Disc",
+      "DiscordLogo",
+      "Divide",
+      "Dog",
+      "Door",
+      "DotsNine",
+      "DotsSixVertical",
+      "DotsSix",
+      "DotsThreeCircleVertical",
+      "DotsThreeCircle",
+      "DotsThreeOutlineVertical",
+      "DotsThreeOutline",
+      "DotsThreeVertical",
+      "DotsThree",
+      "DownloadSimple",
+      "Download",
+      "DribbbleLogo",
+      "DropHalfBottom",
+      "DropHalf",
+      "Drop",
+      "EarSlash",
+      "Ear",
+      "EggCrack",
+      "Egg",
+      "EjectSimple",
+      "Eject",
+      "EnvelopeOpen",
+      "EnvelopeSimpleOpen",
+      "EnvelopeSimple",
+      "Envelope",
+      "Equalizer",
+      "Equals",
+      "Eraser",
+      "Exam",
+      "Export",
+      "EyeClosed",
+      "EyeSlash",
+      "Eye",
+      "EyedropperSample",
+      "Eyedropper",
+      "Eyeglasses",
+      "FaceMask",
+      "FacebookLogo",
+      "Factory",
+      "FadersHorizontal",
+      "Faders",
+      "FastForwardCircle",
+      "FastForward",
+      "FigmaLogo",
+      "FileArrowDown",
+      "FileArrowUp",
+      "FileAudio",
+      "FileCloud",
+      "FileCode",
+      "FileCss",
+      "FileCsv",
+      "FileDoc",
+      "FileDotted",
+      "FileHtml",
+      "FileImage",
+      "FileJpg",
+      "FileJs",
+      "FileJsx",
+      "FileLock",
+      "FileMinus",
+      "FilePdf",
+      "FilePlus",
+      "FilePng",
+      "FilePpt",
+      "FileRs",
+      "FileSearch",
+      "FileText",
+      "FileTs",
+      "FileTsx",
+      "FileVideo",
+      "FileVue",
+      "FileX",
+      "FileXls",
+      "FileZip",
+      "File",
+      "Files",
+      "FilmScript",
+      "FilmSlate",
+      "FilmStrip",
+      "FingerprintSimple",
+      "Fingerprint",
+      "FinnTheHuman",
+      "FireSimple",
+      "Fire",
+      "FirstAidKit",
+      "FirstAid",
+      "FishSimple",
+      "Fish",
+      "FlagBanner",
+      "FlagCheckered",
+      "Flag",
+      "Flame",
+      "Flashlight",
+      "Flask",
+      "FloppyDiskBack",
+      "FloppyDisk",
+      "FlowArrow",
+      "FlowerLotus",
+      "Flower",
+      "FlyingSaucer",
+      "FolderDotted",
+      "FolderLock",
+      "FolderMinus",
+      "FolderNotchMinus",
+      "FolderNotchOpen",
+      "FolderNotchPlus",
+      "FolderNotch",
+      "FolderOpen",
+      "FolderPlus",
+      "FolderSimpleDotted",
+      "FolderSimpleLock",
+      "FolderSimpleMinus",
+      "FolderSimplePlus",
+      "FolderSimpleStar",
+      "FolderSimpleUser",
+      "FolderSimple",
+      "FolderStar",
+      "FolderUser",
+      "Folder",
+      "Folders",
+      "Football",
+      "ForkKnife",
+      "FrameCorners",
+      "FramerLogo",
+      "Function",
+      "FunnelSimple",
+      "Funnel",
+      "GameController",
+      "GasPump",
+      "Gauge",
+      "GearSix",
+      "Gear",
+      "GenderFemale",
+      "GenderIntersex",
+      "GenderMale",
+      "GenderNeuter",
+      "GenderNonbinary",
+      "GenderTransgender",
+      "Ghost",
+      "Gif",
+      "Gift",
+      "GitBranch",
+      "GitCommit",
+      "GitDiff",
+      "GitFork",
+      "GitMerge",
+      "GitPullRequest",
+      "GithubLogo",
+      "GitlabLogoSimple",
+      "GitlabLogo",
+      "GlobeHemisphereEast",
+      "GlobeHemisphereWest",
+      "GlobeSimple",
+      "GlobeStand",
+      "Globe",
+      "GoogleChromeLogo",
+      "GoogleLogo",
+      "GooglePhotosLogo",
+      "GooglePlayLogo",
+      "GooglePodcastsLogo",
+      "Gradient",
+      "GraduationCap",
+      "Graph",
+      "GridFour",
+      "Hamburger",
+      "HandEye",
+      "HandFist",
+      "HandGrabbing",
+      "HandPalm",
+      "HandPointing",
+      "HandSoap",
+      "HandWaving",
+      "Hand",
+      "HandbagSimple",
+      "Handbag",
+      "HandsClapping",
+      "Handshake",
+      "HardDrive",
+      "HardDrives",
+      "HashStraight",
+      "Hash",
+      "Headlights",
+      "Headphones",
+      "Headset",
+      "HeartBreak",
+      "HeartStraightBreak",
+      "HeartStraight",
+      "Heart",
+      "Heartbeat",
+      "Hexagon",
+      "HighlighterCircle",
+      "Horse",
+      "HourglassHigh",
+      "HourglassLow",
+      "HourglassMedium",
+      "HourglassSimpleHigh",
+      "HourglassSimpleLow",
+      "HourglassSimpleMedium",
+      "HourglassSimple",
+      "Hourglass",
+      "HouseLine",
+      "HouseSimple",
+      "House",
+      "IdentificationBadge",
+      "IdentificationCard",
+      "ImageSquare",
+      "Image",
+      "Infinity",
+      "Info",
+      "InstagramLogo",
+      "Intersect",
+      "Jeep",
+      "Kanban",
+      "KeyReturn",
+      "Key",
+      "Keyboard",
+      "Keyhole",
+      "Knife",
+      "LadderSimple",
+      "Ladder",
+      "Lamp",
+      "Laptop",
+      "Layout",
+      "Leaf",
+      "Lifebuoy",
+      "LightbulbFilament",
+      "Lightbulb",
+      "LightningSlash",
+      "Lightning",
+      "LineSegment",
+      "LineSegments",
+      "LinkBreak",
+      "LinkSimpleBreak",
+      "LinkSimpleHorizontalBreak",
+      "LinkSimpleHorizontal",
+      "LinkSimple",
+      "Link",
+      "LinkedinLogo",
+      "LinuxLogo",
+      "ListBullets",
+      "ListChecks",
+      "ListDashes",
+      "ListNumbers",
+      "ListPlus",
+      "List",
+      "LockKeyOpen",
+      "LockKey",
+      "LockLaminatedOpen",
+      "LockLaminated",
+      "LockOpen",
+      "LockSimpleOpen",
+      "LockSimple",
+      "Lock",
+      "MagicWand",
+      "MagnetStraight",
+      "Magnet",
+      "MagnifyingGlassMinus",
+      "MagnifyingGlassPlus",
+      "MagnifyingGlass",
+      "MapPinLine",
+      "MapPin",
+      "MapTrifold",
+      "MarkerCircle",
+      "Martini",
+      "MaskHappy",
+      "MaskSad",
+      "MathOperations",
+      "Medal",
+      "MediumLogo",
+      "MegaphoneSimple",
+      "Megaphone",
+      "MessengerLogo",
+      "MicrophoneSlash",
+      "MicrophoneStage",
+      "Microphone",
+      "MicrosoftExcelLogo",
+      "MicrosoftPowerpointLogo",
+      "MicrosoftTeamsLogo",
+      "MicrosoftWordLogo",
+      "MinusCircle",
+      "MinusCircleFill",
+      "MinusCircleDisable",
+      "MinusSquare",
+      "MinusSquareFill",
+      "MinusSquareDisable",
+      "Minus",
+      "Money",
+      "MonitorPlay",
+      "Monitor",
+      "MoonStars",
+      "Moon",
+      "Mountains",
+      "MouseSimple",
+      "Mouse",
+      "MusicNoteSimple",
+      "MusicNote",
+      "MusicNotesPlus",
+      "MusicNotesSimple",
+      "MusicNotes",
+      "NavigationArrow",
+      "Needle",
+      "NewspaperClipping",
+      "Newspaper",
+      "NoteBlank",
+      "NotePencil",
+      "Note",
+      "Notebook",
+      "Notepad",
+      "Notification",
+      "NumberCircleEight",
+      "NumberCircleFive",
+      "NumberCircleFour",
+      "NumberCircleNine",
+      "NumberCircleOne",
+      "NumberCircleSeven",
+      "NumberCircleSix",
+      "NumberCircleThree",
+      "NumberCircleTwo",
+      "NumberCircleZero",
+      "NumberEight",
+      "NumberFive",
+      "NumberFour",
+      "NumberNine",
+      "NumberOne",
+      "NumberSeven",
+      "NumberSix",
+      "NumberSquareEight",
+      "NumberSquareFive",
+      "NumberSquareFour",
+      "NumberSquareNine",
+      "NumberSquareOne",
+      "NumberSquareSeven",
+      "NumberSquareSix",
+      "NumberSquareThree",
+      "NumberSquareTwo",
+      "NumberSquareZero",
+      "NumberThree",
+      "NumberTwo",
+      "NumberZero",
+      "Nut",
+      "NyTimesLogo",
+      "Octagon",
+      "Option",
+      "Package",
+      "PaintBrushBroad",
+      "PaintBrushHousehold",
+      "PaintBrush",
+      "PaintBucket",
+      "PaintRoller",
+      "Palette",
+      "PaperPlaneRight",
+      "PaperPlaneTilt",
+      "PaperPlane",
+      "PaperclipHorizontal",
+      "Paperclip",
+      "Parachute",
+      "Password",
+      "Path",
+      "PauseCircle",
+      "Pause",
+      "PawPrint",
+      "Peace",
+      "PenNibStraight",
+      "PenNib",
+      "Pen",
+      "PencilCircle",
+      "PencilLine",
+      "PencilSimpleLine",
+      "PencilSimple",
+      "Pencil",
+      "Percent",
+      "PersonSimpleRun",
+      "PersonSimpleWalk",
+      "PersonSimple",
+      "Person",
+      "Perspective",
+      "PhoneCall",
+      "PhoneDisconnect",
+      "PhoneIncoming",
+      "PhoneOutgoing",
+      "PhoneSlash",
+      "PhoneX",
+      "Phone",
+      "PhosphorLogo",
+      "PianoKeys",
+      "PictureInPicture",
+      "Pill",
+      "PinterestLogo",
+      "Pinwheel",
+      "Pizza",
+      "Placeholder",
+      "Planet",
+      "PlayCircle",
+      "Play",
+      "Playlist",
+      "Plug",
+      "PlugsConnected",
+      "Plugs",
+      "PlusCircle",
+      "PlusCircleFill",
+      "PlusMinus",
+      "Plus",
+      "PokerChip",
+      "PoliceCar",
+      "Polygon",
+      "Popcorn",
+      "Power",
+      "Prescription",
+      "PresentationChart",
+      "Presentation",
+      "Printer",
+      "ProhibitInset",
+      "Prohibit",
+      "ProjectorScreenChart",
+      "ProjectorScreen",
+      "PushPinSimpleSlash",
+      "PushPinSimple",
+      "PushPinSlash",
+      "PushPin",
+      "PuzzlePiece",
+      "QrCode",
+      "Question",
+      "QuestionFill",
+      "Queue",
+      "Quotes",
+      "Radical",
+      "RadioButton",
+      "Radio",
+      "RainbowCloud",
+      "Rainbow",
+      "Receipt",
+      "Record",
+      "Rectangle",
+      "Recycle",
+      "RedditLogo",
+      "RepeatOnce",
+      "Repeat",
+      "RewindCircle",
+      "Rewind",
+      "Robot",
+      "RocketLaunch",
+      "Rocket",
+      "Rows",
+      "RssSimple",
+      "Rss",
+      "Rug",
+      "Ruler",
+      "Scales",
+      "Scan",
+      "Scissors",
+      "Screencast",
+      "ScribbleLoop",
+      "Scroll",
+      "SelectionAll",
+      "SelectionBackground",
+      "SelectionForeground",
+      "SelectionInverse",
+      "SelectionPlus",
+      "SelectionSlash",
+      "Selection",
+      "ShareNetwork",
+      "Share",
+      "ShieldCheck",
+      "ShieldCheckered",
+      "ShieldChevron",
+      "ShieldPlus",
+      "ShieldSlash",
+      "ShieldStar",
+      "ShieldWarning",
+      "Shield",
+      "ShoppingBagOpen",
+      "ShoppingBag",
+      "ShoppingCartSimple",
+      "ShoppingCart",
+      "Shower",
+      "ShuffleAngular",
+      "ShuffleSimple",
+      "Shuffle",
+      "SidebarSimple",
+      "Sidebar",
+      "SignIn",
+      "SignOut",
+      "Signpost",
+      "SimCard",
+      "SketchLogo",
+      "SkipBackCircle",
+      "SkipBack",
+      "SkipForwardCircle",
+      "SkipForward",
+      "Skull",
+      "SlackLogo",
+      "SlidersHorizontal",
+      "Sliders",
+      "SmileyBlank",
+      "SmileyMeh",
+      "SmileyNervous",
+      "SmileySad",
+      "SmileySticker",
+      "SmileyWink",
+      "SmileyXEyes",
+      "Smiley",
+      "SnapchatLogo",
+      "Snowflake",
+      "SoccerBall",
+      "SortAscending",
+      "SortDescending",
+      "Spade",
+      "Sparkle",
+      "SpeakerHigh",
+      "SpeakerLow",
+      "SpeakerNone",
+      "SpeakerSimpleHigh",
+      "SpeakerSimpleLow",
+      "SpeakerSimpleNone",
+      "SpeakerSimpleSlash",
+      "SpeakerSimpleX",
+      "SpeakerSlash",
+      "SpeakerX",
+      "SpinnerGap",
+      "Spinner",
+      "Spiral",
+      "SpotifyLogo",
+      "SquareHalfBottom",
+      "SquareHalf",
+      "SquareLogo",
+      "Square",
+      "SquareFill",
+      "SquaresFour",
+      "StackOverflowLogo",
+      "StackSimple",
+      "Stack",
+      "Stamp",
+      "StarFour",
+      "StarHalf",
+      "Star",
+      "Sticker",
+      "StopCircle",
+      "Stop",
+      "Storefront",
+      "Strategy",
+      "StripeLogo",
+      "Student",
+      "SuitcaseSimple",
+      "Suitcase",
+      "SunDim",
+      "SunHorizon",
+      "Sun",
+      "Sunglasses",
+      "Swap",
+      "Swatches",
+      "Sword",
+      "Syringe",
+      "TShirt",
+      "Table",
+      "Tabs",
+      "TagChevron",
+      "TagSimple",
+      "Tag",
+      "Target",
+      "Taxi",
+      "TelegramLogo",
+      "TelevisionSimple",
+      "Television",
+      "TennisBall",
+      "TerminalWindow",
+      "Terminal",
+      "TestTube",
+      "TextAa",
+      "TextAlignCenter",
+      "TextAlignJustify",
+      "TextAlignLeft",
+      "TextAlignRight",
+      "TextBolder",
+      "TextHFive",
+      "TextHFour",
+      "TextHOne",
+      "TextHSix",
+      "TextHThree",
+      "TextHTwo",
+      "TextH",
+      "TextIndent",
+      "TextItalic",
+      "TextOutdent",
+      "TextStrikethrough",
+      "TextT",
+      "TextUnderline",
+      "Textbox",
+      "ThermometerCold",
+      "ThermometerHot",
+      "ThermometerSimple",
+      "Thermometer",
+      "ThumbsDown",
+      "ThumbsUp",
+      "Ticket",
+      "TiktokLogo",
+      "Timer",
+      "ToggleLeft",
+      "ToggleRight",
+      "ToiletPaper",
+      "Toilet",
+      "ToteSimple",
+      "Tote",
+      "TrademarkRegistered",
+      "TrafficCone",
+      "TrafficSign",
+      "TrafficSignal",
+      "TrainRegional",
+      "TrainSimple",
+      "Train",
+      "Translate",
+      "TrashSimple",
+      "Trash",
+      "Tray",
+      "TreeEvergreen",
+      "TreeStructure",
+      "Tree",
+      "TrendDown",
+      "TrendUp",
+      "Triangle",
+      "Trophy",
+      "Truck",
+      "TwitchLogo",
+      "TwitterLogo",
+      "UmbrellaSimple",
+      "Umbrella",
+      "UploadSimple",
+      "Upload",
+      "UserCircleGear",
+      "UserCircleMinus",
+      "UserCirclePlus",
+      "UserCircle",
+      "UserFocus",
+      "UserGear",
+      "UserList",
+      "UserMinus",
+      "UserPlus",
+      "UserRectangle",
+      "UserSquare",
+      "UserSwitch",
+      "User",
+      "UsersFour",
+      "UsersThree",
+      "Users",
+      "Vault",
+      "Vibrate",
+      "VideoCameraSlash",
+      "VideoCamera",
+      "Vignette",
+      "Virus",
+      "Voicemail",
+      "Volleyball",
+      "Wall",
+      "Wallet",
+      "WarningCircle",
+      "WarningOctagon",
+      "Warning",
+      "Watch",
+      "WaveSawtooth",
+      "WaveSine",
+      "WaveSquare",
+      "WaveTriangle",
+      "Waves",
+      "Webcam",
+      "WhatsappLogo",
+      "Wheelchair",
+      "WifiHigh",
+      "WifiLow",
+      "WifiMedium",
+      "WifiNone",
+      "WifiSlash",
+      "WifiX",
+      "Wind",
+      "WindowsLogo",
+      "Wine",
+      "Wrench",
+      "XCircle",
+      "XCircleFill",
+      "XSquare",
+      "X",
+      "YinYang",
+      "YoutubeLogo"
+    ];
+    const filteredIcon = computed(() => {
+      return iconNames.filter((a) => a.includes(searchIcon.value));
+    });
+    return {
+      iconNames,
+      searchIcon,
+      filteredIcon
+    };
+  }
+});
+</script>
+
+<style></style>