fix: remove unused TestView component and update style.css

src/assets/css/style.css

@@ -1145,10 +1145,6 @@ body {
   margin: 0.875rem;
 }
 
-.m-auto {
-  margin: auto;
-}
-
 .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -2622,11 +2618,6 @@ body {
   background-color: rgb(255 204 204 / var(--tw-bg-opacity));
 }
 
-.bg-red-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 102 102 / var(--tw-bg-opacity));
-}
-
 .bg-red-300\/10 {
   background-color: rgb(255 102 102 / 0.1);
 }

src/router/index.ts

@@ -1,7 +1,6 @@
 import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
 import HomeView from '@/views/HomeView.vue'
-import TestView from '@/views/TestView.vue'
 import LoginView from '@/views/LoginView.vue'
 import NotFoundView from '@/views/NotFoundView.vue'
 import WelcomePage from '@/components/Pages/Welcome.vue'
@@ -696,11 +695,6 @@ export const routes: RouteRecordRaw[] = [
     name: 'Login',
     component: LoginView
   },
-  {
-    path: '/playground',
-    name: 'Playground',
-    component: TestView
-  },
   {
     path: '/404',
     name: 'Not Found',
@@ -788,8 +782,8 @@ export const fixRoute = (route: RouteRecordRaw[]): RouteRecordRaw[] => {
                   fullPath === '/home/'
                     ? ''
                     : fullPath.includes('/home/')
-                    ? fullPath.replace('/home/', '')
-                    : fullPath,
+                      ? fullPath.replace('/home/', '')
+                      : fullPath,
                 name: r.name,
                 component: r.component
               } as RouteRecordRaw

src/views/TestView.vue

@@ -1,33 +0,0 @@
-<script setup lang="ts">
-import { RichSelect } from '@flavorly/vanilla-components'
-import { ref } from 'vue'
-const value = ref('Option 1')
-
-const options = [
-  { value: 'Option 1', text: 'One Option' },
-  { value: 'Option 2', text: 'Two Options' },
-  { value: [{ anotherObject: true, nested: 'deep' }], text: 'Complex Object' },
-  {
-    value: 'seprator',
-    text: 'A sperator can be usefull',
-    children: [
-      { value: 'Option 4', text: '4th Option' },
-      { value: 'Option 5', text: '5th Option' }
-    ]
-  }
-]
-</script>
-
-<template>
-  <div class="container bg-red-300 m-auto p-5">
-    <div class="w-full">
-      <RichSelect
-        v-model="value"
-        name="test"
-        :options="options"
-        :clearable="true"
-        placeholder="Please select an option"
-      />
-    </div>
-  </div>
-</template>