feat!: prepare for v4

[brc-dd]

closes #538
closes #424
closes #541

[netlify]

✅ Deploy Preview for sefirot-docs ready!

Name	Link
🔨 Latest commit	010692a
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-docs/deploys/66a0b300e1435e00082a2917
😎 Deploy Preview	https://deploy-preview-539--sefirot-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for sefirot-story ready!

Name	Link
🔨 Latest commit	010692a
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-story/deploys/66a0b300e71dbb000858f2aa
😎 Deploy Preview	https://deploy-preview-539--sefirot-story.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[brc-dd]

Removed utils

• isNullish -> == null / != null (note non-strict comparison)
• isArray -> Array.isArray (search using /(?<!Array\.)isArray/)
• isFunction -> typeof x === 'function' (other projects are not using it)

vue-tsc will pick these

[brc-dd]

Removed components and props

• SSheet* (mixin is also removed)
• SIcon - directly use the component or <component :is="IconX" /> (avoid using icon dictionaries, just use v-if/v-else)
  • <SIcon :icon="(I.*?)" -> <$1
  • <SIcon (.*?) :icon="(I.*?)" -> <$2 $1
• SCardFooter*/SCardHeader* - use SControl* instead
• text from SActionListItem - (search for ActionList and check if they are all using label not text)

---

• Search for ActionList and replace text in items to label.
• Search for <SCardBlock([^<]|\n)*?space and replace space with utility classes. (This wasn't working even in older versions.)
• Search for <SPill([^<]|\n)*?tag and replace tag with as.

enable case sensitive mode for regexes in this section

vue-tsc will NOT pick these. manually find and refactor usage

[brc-dd]

Removed composables

• old versions of composables/Data, composables/Form, composables/Validation. Refactor them to useD/useV. When all of such cases are removed, rename useD/useV to useData/useValidation and update imports.

  const { data, validation, init, validateAndNotify } = useForm({
    data: {
      image: null as File | null
    },
    rules: {
      image: {
        maxFileSize: maxFileSize('500kb')
      }
    }
  })
  
  to
  
  const { data, init } = useD({
    image: null as File | null
  })
  
  const { validation, validateAndNotify } = useV(data, {
    image: {
      maxFileSize: maxFileSize('500kb')
    }
  })

vue-tsc will pick these

[brc-dd]

Added utils

• isFetchError (from http/Http)
• refer docs

[brc-dd]

Table changes

Rewrite everything if using legacy code 🫠

• reset and actions are removed, use corresponding SControl elements.
• Some types may no longer accept generic parameters. To migrate just leave them and run vue-tsc, it should give error in those files.
• Individual properties of cells no longer accept getter functions, instead make the whole cell a function.

[brc-dd]

Stricter types

Some types were lax like this:

-  unitBefore?: any
-  unitAfter?: any
+  unitBefore?: Component | string
+  unitAfter?: Component | string

Might need to adjust props in such cases.

vue-tsc will pick these