fix: add StatusMessage to exports

leviat-tech · Aug 16, 2024 · 03f0a53 · 03f0a53
1 parent 9d280d5
commit 03f0a53
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -38,6 +38,7 @@
                     Input with formElement - label
                   </div>
                   <CTextInput label="Test Label" />
+                  <StatusMessage status=""
                 </div>
 
                 <div>

diff --git a/src/components/Status/StatusMessage.vue b/src/components/Status/StatusMessage.vue
@@ -10,18 +10,16 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
+type Status = 'error' | 'warning' | 'info' | 'success';
+
 import STATUSES from './statuses'
 import StatusIndicator from './StatusIndicator.vue';
 
-const props = defineProps({
-  status: {
-    type: String,
-    default: STATUSES.NO_STATUS,
-    validator: (val) => Object.values(STATUSES).includes(val),
-  },
+const props = defineProps<{
+  status: Status,
   text: String,
-});
+}>();
 
 const borderClassMap = {
   [STATUSES.INFO]: 'border-blue-500',

diff --git a/src/index.js b/src/index.js
@@ -29,6 +29,7 @@ import CModal from './components/Modal/Modal.vue';
 import CPopupMenu from './components/PopupMenu/PopupMenu.vue'
 import CAccordion from './components/Accordion/Accordion.vue';
 import CStatusBar from './components/Status/StatusBar.vue';
+import CStatusMessage from './components/Status/StatusMessage.vue';
 import { CTabs, CTabPanel, CTabLabel } from './components/Tabs';
 import { CToolbar, CToolGroup, CTool } from './components/Toolbar';
 import { CViewportContainer, CViewport } from './components/Viewport';
@@ -81,6 +82,7 @@ const allComponents = {
   CSelectFileTypeItem,
   CStatusBar,
   CStatusIndicator,
+  CStatusMessage,
   CPopupMenu,
   CEditableDiv,
 };