diff --git a/.gitignore b/.gitignore
index 1cac559..7ac2037 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,6 +15,7 @@ dist-ssr
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.default.json
 .idea
 .DS_Store
 *.suo
diff --git a/.vscode/settings.default.json b/.vscode/settings.default.json
new file mode 100644
index 0000000..21c523a
--- /dev/null
+++ b/.vscode/settings.default.json
@@ -0,0 +1,12 @@
+// Please convert this file name to settings.json and use settings below.
+{
+  "[rust]": {
+    "editor.defaultFormatter": "rust-lang.rust-analyzer"
+  },
+  "eslint.enable": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "vue.complete.casing.props": "camel",
+  "vue.complete.casing.tags": "pascal"
+}
\ No newline at end of file
diff --git a/src/components/SlotRef.vue b/src/components/SlotRef.vue
index 669a7b9..383f1a5 100644
--- a/src/components/SlotRef.vue
+++ b/src/components/SlotRef.vue
@@ -17,7 +17,7 @@ const { renderSlot, element } = useSlotWithRef()
 
 <template>
   <Component
-    :is="renderSlot"
+    :is="renderSlot()"
     v-bind="$attrs"
   />
 
diff --git a/src/composables/useSlotWithRef.ts b/src/composables/useSlotWithRef.ts
index 9e83037..53390b7 100644
--- a/src/composables/useSlotWithRef.ts
+++ b/src/composables/useSlotWithRef.ts
@@ -6,7 +6,7 @@ const vRef: Directive<HTMLElement, (el: HTMLElement) => void> = (el, { value })
 /**
  * @param slotName Target slot default value: "default"
  */
-export function useSlotWithRef() {
+export function useSlotWithRef<SlotProps extends Record<string, any> = {}>(key = 'default') {
   const slots = useSlots()
   const element: Ref<HTMLElement | null> = ref(null)
 
@@ -14,13 +14,13 @@ export function useSlotWithRef() {
     element.value = el
   }
 
-  function renderSlot() {
-    if ('default' in slots) {
-      const [slot] = slots.default!()
+  function renderSlot(props?: SlotProps) {
+    if (key in slots) {
+      const [slot] = (slots as any)[key](props)
       return withDirectives(slot, [[vRef, handleRef]])
     }
 
-    return null
+    return undefined
   }
 
   return {