From 0bd42556b2f9c9c545502fe9fbd88dfe1438a6ba Mon Sep 17 00:00:00 2001
From: kadiryazici <kyzc411@outlook.com.tr>
Date: Sat, 3 Jun 2023 23:26:52 +0300
Subject: [PATCH 1/2] Improve slot ref composable

---
 src/components/SlotRef.vue        |  2 +-
 src/composables/useSlotWithRef.ts | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

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 {

From bfeaddee96d5ca38bfea40f5a7b82cb0ead43105 Mon Sep 17 00:00:00 2001
From: kadiryazici <kyzc411@outlook.com.tr>
Date: Sat, 3 Jun 2023 23:29:25 +0300
Subject: [PATCH 2/2] Add default settings file

---
 .gitignore                    |  1 +
 .vscode/settings.default.json | 12 ++++++++++++
 2 files changed, 13 insertions(+)
 create mode 100644 .vscode/settings.default.json

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