Merge pull request #1635 from privy-open-source/refactor/remove-vue-demi

refactor: remove 'vue-demi'

Author: adenvt

.gitattributes

@@ -0,0 +1 @@
+src/public/js/** linguist-vendored

package.json

@@ -133,7 +133,6 @@
     "vue": "3.5.13",
     "vue-collapsed": "^1.2.5",
     "vue-content-loader": "^2.0.1",
-    "vue-demi": "0.14.10",
     "vue-router": "4.5.1",
     "vuedraggable": "next",
     "webfontloader": "1.6.28",

packages/eslint-config-persona/README.md

@@ -43,7 +43,7 @@ Optional, add this to `package.json` script's:
   "scripts": {
     // ...
     "lint": "eslint . --ext .js,.vue,.ts --format pretty",
-    "fix": "yarn lint:js --fix",
+    "fix": "yarn lint --fix",
     // ...
   }
   // ...

packages/eslint-config-persona/index.js

@@ -101,6 +101,7 @@ module.exports = {
     'align-assignments/align-assignments'       : [2, { requiresOnly: false }],
     'vue/multi-word-component-names'            : 'off',
     'vue/no-reserved-component-names'           : 'off',
+    'vue/return-in-computed-property'           : 'off',
     'vue/html-closing-bracket-newline'          : [
       'error',
       {

packages/persona/package.json

@@ -102,7 +102,6 @@
     "tiptap-extension-font-size": "^1.2.0",
     "ufo": "^1.5.4",
     "vue-collapsed": "1.3.4",
-    "vue-demi": "0.14.10",
     "vuedraggable": "next",
     "webfontloader": "1.6.28",
     "zxcvbn": "4.4.2"

src/assets/icon/collections.md

@@ -17,7 +17,7 @@ import pFormGroup from '../../components/form-group/FormGroup.vue'
 import pLabel from '../../components/label/Label.vue'
 import PiDownload16 from '@privyid/persona-icon/vue/download/16.vue'
 import { createSpinner } from '../../components/avatar/utils/create-image'
-import { computed, ref } from 'vue-demi'
+import { computed, ref } from 'vue'
 import {
   groupBy,
   sortBy,

src/assets/ilustration/collections.md

@@ -19,7 +19,7 @@ import pFormGroup from '../../components/form-group/FormGroup.vue'
 import pLabel from '../../components/label/Label.vue'
 import PiDownload16 from '@privyid/persona-icon/vue/download/16.vue'
 import { createSpinner } from '../../components/avatar/utils/create-image'
-import { computed, ref } from 'vue-demi'
+import { computed, ref } from 'vue'
 import {
   groupBy,
   sortBy,

src/components/accordion/Accordion.spec.ts

@@ -1,5 +1,5 @@
 import { render, fireEvent } from '@testing-library/vue'
-import { ref } from 'vue-demi'
+import { ref } from 'vue'
 import pAccordion from './Accordion.vue'
 import pAccordionItem from './AccordionItem.vue'
 import { defineAccordion } from '.'

src/components/accordion/Accordion.vue

@@ -24,8 +24,8 @@
 <script lang="ts" setup>
 import { useVModel } from '../input'
 import { type AccordionItem } from '.'
-import type { PropType } from 'vue-demi'
-import { computed } from 'vue-demi'
+import type { PropType } from 'vue'
+import { computed } from 'vue'
 import Item from './AccordionItem.vue'
 import AccordionItems from './AccordionItems.vue'
 

src/components/accordion/AccordionItem.spec.ts

@@ -2,7 +2,7 @@ import { render, fireEvent } from '@testing-library/vue'
 import { vi } from 'vitest'
 import pAccordionItem from './AccordionItem.vue'
 import iconPrivy from '@privyid/persona-icon/vue/privy-alt/24.vue'
-import { markRaw } from 'vue-demi'
+import { markRaw } from 'vue'
 
 it('should render properly without any props', () => {
   const screen = render({
@@ -125,8 +125,8 @@ it('Should be able to add custom title class from `titleClass` props', () => {
   const screen = render({
     components: { pAccordionItem },
     template  : `
-      <p-accordion-item 
-        title="custom title class" 
+      <p-accordion-item
+        title="custom title class"
         titleClass="custom-title-class">
         content
       </p-accordion-item>
@@ -143,7 +143,7 @@ it('Should be able to add custom content class from `contentClass` props', () =>
   const screen = render({
     components: { pAccordionItem },
     template  : `
-      <p-accordion-item 
+      <p-accordion-item
         title="custom content class"
         contentClass="custom-content-class">
         content
@@ -182,7 +182,7 @@ it('Should be able to custom icon via `icon` props', () => {
   const screen = render({
     components: { pAccordionItem },
     template  : `
-      <p-accordion-item 
+      <p-accordion-item
         title="custom icon class"
         icon="http://lorem-picsum.com">
         content
@@ -208,7 +208,7 @@ it('should be able to custom icon with Component and add custom icon class via `
       iconPrivy,
     },
     template: `
-      <p-accordion-item 
+      <p-accordion-item
         title="custom icon"
         :icon="icon"
         iconClass="custom-icon-class">