chore: modify project file dir

README.md

@@ -1,168 +1,42 @@
-# How to start
-```
-git clone https://github.com/SkywardAI/chat-frontend.git
-cd ./chat-frontend/package
-npm install
-npm run dev
-```
-
-
-# Materialpro-nuxtjs-free
-Free NuxtJs 3 + Vuetify3 Admin Dashboard Template
-
-<!-- Heading of Template -->
-<h1>
-  <a href="https://materialpro-free-nuxtjs.netlify.app/">MaterialPro Free NuxtJs Admin Template</a>
-</h1>
-
-<!-- Main image of Template -->
-<a target="_blank" href="https://www.wrappixel.com/wp-content/uploads/edd/2022/07/materialpro-nuxtjs-free.jpg">
-  <img src="https://www.wrappixel.com/wp-content/uploads/edd/2022/07/materialpro-nuxtjs-free.jpg" />
-</a>
-
-MaterialPro Free NuxtJs Admin Template is highly customizable and free dashboard template based on vuetify js.
-This template is based on Nuxt3 & Vuetify 3 based. so it is seo freindly + hybrid rendring + powerfull admin dashbaord template. it comes with handly features like table, charts, buttons, and profile example added. You can check the pro version of MaterialPro NuxtJs Admin Template for more details.
-
-## What do I get bundled with Free Version?
-
-The free version MaterialPro Angular 13 Lite provides you with a library consisting of:
+# Nuxt 3 Minimal Starter
 
-<ul>
-<li>SaSS Base CSS</li>
-<li>Basic Dashboard</li>
-<li>6+ Pages Template</li>
-<li>Easy To Customize elements</li>
-<li>4+ UI Components</li>
-<li>Basic Table Examples</li>
-<li>Fully Responsive Pages</li>
-</ul>
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
 
+## Setup
 
-<!-- Versions of Template -->
-<h2><a id="user-content-versions" class="anchor" aria-hidden="true" href="#versions"></a>Versions</h2>
-<table>
-<thead>
-<tr>
-<th>Bootstrap</th>
-<th>React</th>
-<th>Vue</th>
-<th>Angular</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>
-  <a href="https://www.wrappixel.com/templates/materialpro/" rel="nofollow" width="150px">
-    <img src="https://www.wrappixel.com/wp-content/uploads/edd/2020/04/materialpro-bootstrap-admin-y.jpg" alt="MaterialPro Template  Bootstrap" style="max-width:150px;">
-  </a>
-</td>
-<td>
-  <a href="https://www.wrappixel.com/templates/materialpro-react-redux-admin/" rel="nofollow" width="150px">
-    <img src="https://www.wrappixel.com/wp-content/uploads/edd/2020/04/materialpro-react-admin-y.jpg" alt="MaterialPro Template  React" style="max-width:150px;">
-  </a>
-</td>
-<td>
-  <a href="https://www.wrappixel.com/templates/materialpro-vuetify-admin/" rel="nofollow" width="150px">
-    <img src="https://www.wrappixel.com/wp-content/uploads/edd/2020/05/materialpro-vuejs-dashboard-template-20.jpg" alt="MaterialPro Template  Vue" style="max-width:150px;">
-  </a>
-</td>
-  <td>
-  <a href="https://www.wrappixel.com/templates/materialpro-angular-dashboard/" rel="nofollow" width="150px">
-    <img src="https://www.wrappixel.com/wp-content/uploads/edd/2020/04/materialpro-angular-admin-y.jpg" alt="MaterialPro Template  Angular" style="max-width:150px;">
-  </a>
-</td>
-</tr>
-</tbody>
-</table>
+Make sure to install the dependencies:
 
-<!-- Resources of Template -->
-<h2>Resources</h2>
-<ul>
-<li>  
-  Live Demo: <a href="https://materialpro-free-nuxtjs.netlify.app/" rel="nofollow">https://materialpro-free-nuxtjs.netlify.app/</a>
-</li>
-<li>
-    Download Page: <a href="https://www.wrappixel.com/templates/materialpro-free-nuxtjs-admin-template/" rel="nofollow">
-  https://www.wrappixel.com/templates/materialpro-free-nuxtjs-admin-template/</a>
-</li>
-<li>
-    <a href="https://www.wrappixel.com/templates/wrapkit/#demos" rel="nofollow">WrapKit </a>Complete UI Kit - For Website Projects
-</li>
-</ul>
+```bash
+# yarn
+yarn install
 
-<!-- Licensing of Template -->
-<h2>Licensing</h2>
-<ul>
-  <li>
-    <p>Copyright 2022 Wrappixel (<a href="https://www.wrappixel.com/" rel="nofollow">https://www.wrappixel.com/</a>)</p>
-  </li>
-  <li>
-    <p>Licensed under MIT (<a href="https://www.wrappixel.com/license/">https://www.wrappixel.com/license/</a>)</p>
-  </li>
-</ul>
-
-
-<!-- ## License -->
-
-<!-- MaterialPro Free NuxtJs Admin Template is highly customizable and free dashboard template based on vuetify js. This template is based on Nuxt3 & Vuetify 3 based. so it is seo freindly + hybrid rendring + powerfull admin dashbaord template. it comes with handly features like table, charts, buttons, and tables example added. -->
-
-## Why should I upgrade to the pro version?
+# npm
+npm install
 
-<a href="https://www.wrappixel.com/templates/materialpro-nuxtjs/"><img src="https://www.wrappixel.com/wp-content/uploads/edd/2022/07/materialpro-nuxtjs.jpg"/></a><br/>
+# pnpm
+pnpm install --shamefully-hoist
+```
 
-<p>
-   Checkout our premium version of MaterialPro NuxtJs Admin for lots more features and ready to use page templates.<br>
-   <a href="https://materialpro-nuxtjs-main.netlify.app/dashboards/analytical">Check Live Preview</a> | <a href="https://www.wrappixel.com/templates/materialpro-nuxtjs/">Download</a>
-</p>
+## Development Server
 
-The pro version of MaterialPro NuxtJs Admin Template incorporates over 60+ page templates along with four distinctive colour scheme,4 unique demos, and multiple user-interface components.
+Start the development server on http://localhost:3000
 
-The key features of WrapPixel's MaterialPro NuxtJs Admin Template include:
+```bash
+npm run dev
+```
 
-6 Colour Schemes - More than four predefined colour schemes.<br><br>
-Over 2000 Font Icons - Over 2000 unique and attractive font icons.<br><br>
-Vite + Typescript - We build with Vite + Typescript<br><br>
-Calendar Design - Calendar functionality in attractive and interesting designs.<br><br>
-Detailed Documentation - Detailed documentation makes the template convenient and easy to use.<br>
+## Production
 
-<ul>
-<li>6+ unique and attractive dashboards</li>
-<li>Open source web application</li>
-<li>Four distinctive live demos</li>
-<li>6+ predefined colour skins</li>
-<li>Dark and light colour schemes</li>
-<li>SaSS based CSS</li>
-<li>Clean, attractive, and engaging site landing pages</li>
-<li>Dashboard PSD files</li>
-<li>Multiple Widgets</li>
-<li>NuxtJs 3 with Pinia</li>
-<li>Fully responsive web pages</li>
-<li>Quick and easy customization</li>
-<li>Nuxt3 + Vuetify 3 + Vite</li>
-<li>Data tables and charts</li>
-</ul>
+Build the application for production:
 
-## The WrapPixel Advantage: Unlimited updates and dedicated support
+```bash
+npm run build
+```
 
-<ul>
-<li>Once you purchase a WrapPixel's template you can rest easy knowing that you'll be entitled to a free download of all our future updates for lifetime.</li>
-</li>Our dedicated support team is at your service for any queries or clarifications. Simply send us your query at https://www.wrappixel.com/support/ for quick resolution of your concerns.</li>
-</ul>
+Locally preview production build:
 
-<!-- Useful Links of Template -->
-<h2>Useful Links</h2>
-<ul>
-<li><a href="https://www.wrappixel.com/templates/category/admin-template/">Dashboard Templates</a> from WrapPixel</li>
-<li><a href="https://www.wrappixel.com/">Bootstrap Themes</a> from WrapPixel</li>
-<li><a href="https://www.wrappixel.com/templates/category/bootstrap-admin-templates/">Bootstrap Dashboard</a> from WrapPixel</li>
-<li><a href="https://www.wrappixel.com/templates/category/react-templates/">React Themes</a> from WrapPixel</li>
-<li><a href="https://www.wrappixel.com/templates/category/vuejs-templates/">Vuejs Templates</a> from WrapPixel</li>
-<li><a href="https://www.wrappixel.com/templates/category/angular-templates/">Angular Themes</a> from WrapPixel</li>
-<li><a href="https://www.wrappixel.com/templates/category/free-templates/">Freebies</a> from WrapPixel</li>
-</ul>
+```bash
+npm run preview
+```
 
-<!-- Social Media of Wrappixel -->
-<h2>Social Media</h2>
-<p>Facebook: <a href="https://www.facebook.com/wrappixel">https://www.facebook.com/wrappixel</a></p>
-<p>Twitter: <a href="https://twitter.com/wrappixel">https://twitter.com/wrappixel</a></p>
-<p>Medium: <a href="https://medium.com/wrappixel">https://medium.com/wrappixel</a></p>
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

components/ui-components/tickets/type.ts

@@ -0,0 +1,6 @@
+export interface IMessage {
+	id: string,
+	message: string,
+	role: string, // 'master' | 'rob',
+	createTime: string
+}