diff --git a/src/components/EmptyState/WEmptyState.stories.ts b/src/components/EmptyState/WEmptyState.stories.ts
index 4821b73..79bbd28 100644
--- a/src/components/EmptyState/WEmptyState.stories.ts
+++ b/src/components/EmptyState/WEmptyState.stories.ts
@@ -26,7 +26,7 @@ type Story = StoryObj<typeof meta>
  * to learn how to use render functions.
  */
 
-export const Section: Story = {
+export const Default: Story = {
   render: (args: any) => ({
     components: { WEmptyState },
     setup() {
diff --git a/src/components/EmptyState/WEmptyState.vue b/src/components/EmptyState/WEmptyState.vue
index b68a861..d8e5a81 100644
--- a/src/components/EmptyState/WEmptyState.vue
+++ b/src/components/EmptyState/WEmptyState.vue
@@ -5,7 +5,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import EmptyStateLogo from '@/assets/svg/empty-state.svg?component'
 defineProps({
   text: {
diff --git a/src/components/LoadingPlaceholder/WLoadingPlaceholder.stories.ts b/src/components/LoadingPlaceholder/WLoadingPlaceholder.stories.ts
index 38870dc..4c90d5f 100644
--- a/src/components/LoadingPlaceholder/WLoadingPlaceholder.stories.ts
+++ b/src/components/LoadingPlaceholder/WLoadingPlaceholder.stories.ts
@@ -12,7 +12,7 @@ const meta: any = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Section: Story = {
+export const Default: Story = {
   render: (args: any) => ({
     components: { WLoadingPlaceholder },
     setup() {
diff --git a/src/components/Section/WSection.stories.ts b/src/components/Section/WSection.stories.ts
index eb2b57a..d2cf4f0 100644
--- a/src/components/Section/WSection.stories.ts
+++ b/src/components/Section/WSection.stories.ts
@@ -12,7 +12,7 @@ const meta: any = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Section: Story = {
+export const Default: Story = {
   render: (args: any) => ({
     components: { WSection },
     setup() {
diff --git a/src/components/Spinner/WSpinner.stories.ts b/src/components/Spinner/WSpinner.stories.ts
index 7a1beee..817c2f6 100644
--- a/src/components/Spinner/WSpinner.stories.ts
+++ b/src/components/Spinner/WSpinner.stories.ts
@@ -12,7 +12,7 @@ const meta: any = {
 export default meta
 type Story = StoryObj<typeof meta>
 
-export const Section: Story = {
+export const Default: Story = {
   render: (args: any) => ({
     components: { WSpinner },
     setup() {
diff --git a/src/components/index.ts b/src/components/index.ts
deleted file mode 100644
index 36a9e02..0000000
--- a/src/components/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import WButton from './Button/WButton.vue'
-import WFooter from './Footer/WFooter.vue'
-import WLink from './Link/WLink.vue'
-import WNavbar from './Navbar/WNavbar.vue'
-
-export default {
-  WButton,
-  WFooter,
-  WLink,
-  WNavbar
-}
diff --git a/src/index.ts b/src/index.ts
index 543a341..b1bea05 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,24 +1,36 @@
 import './assets/main.css'
 
 import WButton from './components/Button/WButton.vue'
+import WEmptyState from './components/EmptyState/WEmptyState.vue'
 import WFooter from './components/Footer/WFooter.vue'
 import WLink from './components/Link/WLink.vue'
+import WLoadingPlaceholder from './components/LoadingPlaceholder/WLoadingPlaceholder.vue'
 import WNavbar from './components/Navbar/WNavbar.vue'
+import WSection from './components/Section/WSection.vue'
+import WSpinner from './components/Spinner/WSpinner.vue'
 
-export { WLink, WButton, WNavbar, WFooter }
+export { WButton, WEmptyState, WFooter, WLink, WLoadingPlaceholder, WNavbar, WSection, WSpinner }
 export type WButton = typeof WButton
+export type WEmptyState = typeof WEmptyState
 export type WFooter = typeof WFooter
 export type WLink = typeof WLink
+export type WLoadingPlaceholder = typeof WLoadingPlaceholder
 export type WNavbar = typeof WNavbar
+export type WSection = typeof WSection
+export type WSpinner = typeof WSpinner
 
 import type { App } from 'vue'
 
 const WComponents = {
   install(app: App) {
     app.component('WButton', WButton)
+    app.component('WEmptyState', WEmptyState)
     app.component('WFooter', WFooter)
     app.component('WLink', WLink)
+    app.component('WLoadingPlaceholder', WLoadingPlaceholder)
     app.component('WNavbar', WNavbar)
+    app.component('WSection', WSection)
+    app.component('WSpinner', WSpinner)
   }
 }
 
diff --git a/vitest.config.ts b/vitest.config.ts
index c3943d3..4b1c897 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -7,9 +7,6 @@ export default mergeConfig(
   defineConfig({
     test: {
       environment: 'jsdom',
-      snapshotFormat: {
-        printBasicPrototype: true
-      },
       exclude: [...configDefaults.exclude, 'e2e/**'],
       root: fileURLToPath(new URL('./', import.meta.url))
     }