@zipify/wysiwyg 4.9.1 → 4.10.0-1

package/lib/components/base/colorPicker/ColorPicker.vue

@@ -3,12 +3,10 @@
         ref="pickerRef"
         placement="bottom-end"
         placement-strategy="fixed"
-        :favorite-colors="favoriteColors"
         :window="ContextWindow.window"
-        :model-value="api.editingColor"
         :has-gradient="false"
-        @change-favorite-colors="updateFavoriteColors"
-        @update:model-value="api.editingColor = $event"
+        v-model="api.editingColor"
+        v-model:favorite-colors="favoriteColors"
         v-out-click="{ onOutClick: api.close, isDisabled: !api.isOpened }"
     >
         <template #activator>
@@ -24,11 +22,11 @@
 </template>
 
 <script setup>
-import { ColorPicker } from '@zipify/colorpicker';
 import { computed, inject, ref, toRef, unref } from 'vue';
+import { ColorPicker } from '@zipify/colorpicker';
+import { InjectionTokens } from '@/injectionTokens';
+import { ContextWindow } from '@/services';
 import { outClick as vOutClick } from '../../../directives';
-import { InjectionTokens } from '../../../injectionTokens';
-import { ContextWindow } from '../../../services';
 import { usePickerApi, usePickerHotkeys } from './composables';
 
 const props = defineProps({
@@ -49,11 +47,13 @@ const api = usePickerApi({
         emit('change', color);
         editor.chain().focus().restoreSelection().run();
     },
+
     onClosed: () => editor.commands.restoreSelection(),
     onBeforeOpened: () => editor.commands.storeSelection(),
     colorRef: toRef(props, 'value'),
     pickerRef
 });
+
 const isOpenedRef = toRef(api, 'isOpened');
 
 usePickerHotkeys({
@@ -62,6 +62,8 @@ usePickerHotkeys({
     onApply: api.close
 });
 
-const favoriteColors = computed(() => unref(favoriteColorsService.listRef));
-const updateFavoriteColors = (colors) => favoriteColorsService.triggerUpdate(colors);
+const favoriteColors = computed({
+    get: () => unref(favoriteColorsService.listRef),
+    set: favoriteColorsService.triggerUpdate
+});
 </script>

package/lib/components/toolbar/Toolbar.vue

@@ -1,6 +1,6 @@
 <template>
-    <keep-alive>
-        <transition name="zw-toolbar-" duration="150">
+    <KeepAlive>
+        <Transition name="zw-toolbar-" duration="150">
             <ToolbarFloating
                 class="zw-toolbar"
                 :reference-ref="referenceRef"
@@ -9,8 +9,8 @@
             >
                 <component :is="layoutComponent" :ai-component="aiComponent" />
             </ToolbarFloating>
-        </transition>
-    </keep-alive>
+        </Transition>
+    </KeepAlive>
 </template>
 
 <script setup>

package/lib/components/toolbar/controls/__tests__/FontColorControl.test.js

@@ -1,6 +1,6 @@
 import { shallowMount } from '@vue/test-utils';
 import { h, ref } from 'vue';
-import { InjectionTokens } from '../../../../injectionTokens';
+import { InjectionTokens } from '@/injectionTokens';
 import { ColorPicker } from '../../../base';
 import FontColorControl from '../FontColorControl';
 
@@ -11,7 +11,7 @@ const SELECTORS = {
 const createEditor = ({ fontColor, isSettingCustomized } = {}) => ({
     commands: {
         getFontColor: () => ref(fontColor),
-        isSettingCustomized: () => ref( isSettingCustomized ?? false),
+        isSettingCustomized: () => ref(isSettingCustomized ?? false),
         focus: jest.fn().mockReturnThis(),
         applyFontColor: jest.fn().mockReturnThis(),
         run: jest.fn()

package/lib/components/toolbar/controls/link/LinkControlHeader.vue

@@ -4,7 +4,12 @@
             Link
         </span>
 
-        <Button class="zw-link-modal-header__unlink-button" :disabled="!isLink" data-initial-focus="false" @click="removeLink">
+        <Button
+            class="zw-link-modal-header__unlink-button"
+            :disabled="!isLink"
+            data-initial-focus="false"
+            @click="removeLink"
+        >
             <Icon class="zw-link-modal-header__unlink-icon" name="unlink" size="14px" auto-color />
             Remove
         </Button>
@@ -14,7 +19,7 @@
 <script setup>
 import { inject } from 'vue';
 import { Icon, Button } from '../../../base';
-import { InjectionTokens } from '../../../../injectionTokens';
+import { InjectionTokens } from '@/injectionTokens';
 
 const emit = defineEmits(['remove-link']);
 

package/lib/components/toolbar/controls/link/__tests__/LinkControl.test.js

@@ -1,7 +1,7 @@
 import { shallowMount } from '@vue/test-utils';
 import { ref, nextTick } from 'vue';
 import LinkControl from '../LinkControl';
-import { InjectionTokens } from '../../../../../injectionTokens';
+import { InjectionTokens } from '@/injectionTokens';
 import { Button, TextField } from '../../../../base';
 import { LinkControlDestination } from '../destination';
 
@@ -26,7 +26,7 @@ const SELECTORS = {
 
 describe('selection value', () => {
     test('should render link status', () => {
-        const editor = createEditor(true );
+        const editor = createEditor(true);
         const wrapper = createComponent({ editor });
         const buttonWrapper = wrapper.findComponent(Button);
 
@@ -36,7 +36,7 @@ describe('selection value', () => {
 
 describe('validation', () => {
     test('should show error on apply', async () => {
-        const editor = createEditor(true );
+        const editor = createEditor(true);
         const wrapper = createComponent({ editor });
         const textFieldWrapper = wrapper.findComponent(TextField);
         const linkControlDestinationWrapper = wrapper.findComponent(LinkControlDestination);
@@ -49,7 +49,7 @@ describe('validation', () => {
     });
 
     test('should reset errors on input', async () => {
-        const editor = createEditor(true );
+        const editor = createEditor(true);
         const wrapper = createComponent({ editor });
         const textFieldWrapper = wrapper.findComponent(TextField);
         const linkControlDestinationWrapper = wrapper.findComponent(LinkControlDestination);
@@ -64,7 +64,7 @@ describe('validation', () => {
     });
 
     test('should reset errors on change destination', async () => {
-        const editor = createEditor(true );
+        const editor = createEditor(true);
         const wrapper = createComponent({ editor });
         const textFieldWrapper = wrapper.findComponent(TextField);
         const linkControlDestinationWrapper = wrapper.findComponent(LinkControlDestination);

package/lib/components/toolbar/controls/link/__tests__/LinkControlHeader.test.js

@@ -1,5 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
-import { InjectionTokens } from '../../../../../injectionTokens';
+import { InjectionTokens } from '@/injectionTokens';
 import { Button } from '../../../../base';
 import LinkControlHeader from '../LinkControlHeader';
 
@@ -17,7 +17,7 @@ function createComponent({ editor }) {
 
 describe('rendering unlink button', () => {
     test('should button be disabled when no link', () => {
-        const editor = createEditor(true );
+        const editor = createEditor(true);
         const wrapper = createComponent({ editor });
         const buttonWrapper = wrapper.findComponent(Button);
 
@@ -25,7 +25,7 @@ describe('rendering unlink button', () => {
     });
 
     test('should button be enabled when link selected', () => {
-        const editor = createEditor(false );
+        const editor = createEditor(false);
         const wrapper = createComponent({ editor });
         const buttonWrapper = wrapper.findComponent(Button);
 
@@ -33,7 +33,7 @@ describe('rendering unlink button', () => {
     });
 
     test('should send unlink event', () => {
-        const editor = createEditor(true );
+        const editor = createEditor(true);
         const wrapper = createComponent({ editor });
         const buttonWrapper = wrapper.findComponent(Button);
 

package/lib/entryLib.ts

@@ -4,3 +4,5 @@ export { NodeTypes, TextSettings, Alignments } from './enums';
 export { isWysiwygContent } from './utils';
 export * from './components/base';
 export { InjectionTokens } from './injectionTokens';
+export * from './models';
+export type * from './types';

package/lib/enums/Devices.ts

@@ -0,0 +1,17 @@
+export enum Device {
+    COMMON = 'common',
+    MOBILE = 'mobile',
+    TABLET = 'tablet',
+    DESKTOP = 'desktop'
+}
+
+/**
+ * @deprecated use TS enum
+ */
+export const Devices = Object.freeze({
+    ...Device,
+
+    get values() {
+        return Object.values(Device);
+    }
+});

package/lib/enums/index.ts

@@ -0,0 +1,9 @@
+export * from './Devices';
+export * from './CaseStyles';
+export * from './Alignments';
+export * from './NodeTypes';
+export * from './ListTypes';
+export * from './TextSettings';
+export * from './MarkGroups';
+export * from './LinkTargets';
+export * from './LinkDestinations';

package/lib/extensions/FontStyle.js

@@ -1,7 +1,7 @@
 import { Mark } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
-import { createCommand, createKeyboardShortcut, renderMark } from '../utils';
-import { MarkGroups, TextSettings } from '../enums';
+import { createCommand, createKeyboardShortcut, renderMark } from '@/utils';
+import { MarkGroups, TextSettings } from '@/enums';
 
 export const FontStyle = Mark.create({
     name: TextSettings.FONT_STYLE,
@@ -64,7 +64,7 @@ export const FontStyle = Mark.create({
     }),
 
     parseHTML() {
-        const getAttrs = (value) => ({ italic: value.includes('italic')  });
+        const getAttrs = (value) => ({ italic: value.includes('italic') });
 
         return [
             {

package/lib/extensions/__tests__/StylePreset.test.js

@@ -1,10 +1,10 @@
 import { Editor, Extension, Mark } from '@tiptap/vue-3';
-import { buildTestExtensions } from '../../__tests__/utils';
+import { buildTestExtensions } from '@/__tests__/utils';
 import { StylePreset } from '../StylePreset';
 import { List } from '../list';
-import { ListTypes, NodeTypes, TextSettings } from '../../enums';
-import { ContentNormalizer, NodeFactory } from '../../services';
-import { createCommand } from '../../utils';
+import { ListTypes, NodeTypes, TextSettings } from '@/enums';
+import { ContentNormalizer, NodeFactory } from '@/services';
+import { createCommand } from '@/utils';
 
 const MockFontSize = Mark.create({
     name: TextSettings.FONT_SIZE,
@@ -129,7 +129,7 @@ function createEditor({ content, presets, defaultId, link }) {
                     defaultId,
 
                     styleRenderer: {
-                        makePresetHtmlClass: (preset) =>  `zw ts-${preset.id}`,
+                        makePresetHtmlClass: (preset) => `zw ts-${preset.id}`,
                         makePresetCssClass: (preset) => `.zw.ts-${preset.id}`,
                         inject: jest.fn()
                     }

package/lib/extensions/list/List.js

@@ -1,7 +1,7 @@
 import { Node, wrappingInputRule } from '@tiptap/vue-3';
 import { computed, unref } from 'vue';
-import { copyMark, createCommand } from '../../utils';
-import { ListTypes, MarkGroups, NodeTypes, TextSettings } from '../../enums';
+import { copyMark, createCommand } from '@/utils';
+import { ListTypes, MarkGroups, NodeTypes, TextSettings } from '@/enums';
 import { ListItem } from './ListItem';
 
 export const List = Node.create({
@@ -29,7 +29,7 @@ export const List = Node.create({
         const HTML_TYPES = {
             a: ListTypes.ROMAN,
             i: ListTypes.LATIN,
-            '1': ListTypes.DECIMAL
+            1: ListTypes.DECIMAL
         };
 
         const getBulletType = (element) => {

package/lib/extensions/list/__tests__/List.test.js

@@ -1,8 +1,8 @@
 import { Editor, Mark } from '@tiptap/vue-3';
-import { buildTestExtensions } from '../../../__tests__/utils';
-import { ListTypes, TextSettings } from '../../../enums';
+import { buildTestExtensions } from '@/__tests__/utils';
+import { ListTypes, TextSettings } from '@/enums';
 import { StylePreset } from '../../StylePreset';
-import { ContentNormalizer, NodeFactory } from '../../../services';
+import { ContentNormalizer, NodeFactory } from '@/services';
 import { List } from '../List';
 
 const MockFontWeight = Mark.create({
@@ -31,7 +31,7 @@ function createEditor({ content }) {
                     defaultId: 'regular-1',
 
                     styleRenderer: {
-                        makePresetHtmlClass: (preset) =>  `zw ts-${preset.id}`,
+                        makePresetHtmlClass: (preset) => `zw ts-${preset.id}`,
                         makePresetCssClass: (preset) => `.zw.ts-${preset.id}`,
                         render: () => ''
                     }

package/lib/models/PageBlock.ts

@@ -0,0 +1,4 @@
+export interface IPageBlock {
+    id: number;
+    title: string;
+}

package/lib/models/StylePreset.ts

@@ -0,0 +1,30 @@
+export interface IPresetNode {
+    type: string;
+    level?: number;
+}
+
+export interface IPresetDeviceStyles {
+    alignment: string | null;
+    line_height: string;
+    font_size: string;
+}
+
+export interface IPresetCommonStyles {
+    font_family: string;
+    font_weight: string;
+    color: string;
+    font_style: string;
+    text_decoration: string;
+}
+
+export interface IStylePreset {
+    id: string;
+    name: string;
+    node?: IPresetNode;
+    hidden?: boolean;
+    fallbackClass?: string;
+    common: IPresetCommonStyles;
+    desktop: IPresetDeviceStyles;
+    tablet: IPresetDeviceStyles;
+    mobile: IPresetDeviceStyles;
+}

package/lib/models/index.ts

@@ -1,2 +1,3 @@
-export { Font } from './Font';
-export type { IFontJson } from './Font';
+export * from './Font';
+export type * from './StylePreset';
+export type * from './PageBlock';

package/lib/services/JsonSerializer.js

@@ -3,7 +3,6 @@ export class JsonSerializer {
         try {
             return JSON.parse(text);
         } catch (error) {
-            // eslint-disable-next-line no-console
             console.error(error);
             return null;
         }

package/lib/services/Storage.js

@@ -31,7 +31,6 @@ export class Storage {
     }
 
     onPrivateModeEnabled(error) {
-        // eslint-disable-next-line no-console
         console.error(error);
     }
 }

package/lib/services/__tests__/Storage.test.js

@@ -38,10 +38,12 @@ describe('get item', () => {
         const storage = createStorage({ storage: nativeStorage });
         const error = new Error('private mode');
 
-        nativeStorage.getItem.mockImplementation(() => { throw error; });
+        nativeStorage.getItem.mockImplementation(() => {
+            throw error;
+        });
+
         storage.getItem('test');
 
-        // eslint-disable-next-line no-console
         expect(console.error).toHaveBeenCalledWith(error);
     });
 });
@@ -70,10 +72,13 @@ describe('set item', () => {
         const storage = createStorage({ storage: nativeStorage });
         const error = new Error('private mode');
 
-        nativeStorage.getItem.mockImplementation(() => { throw error; });
+        nativeStorage.getItem.mockImplementation(() => {
+            throw error;
+        });
+
         storage.setItem('test', 'test');
 
-        // eslint-disable-next-line no-console
+
         expect(console.error).toHaveBeenCalledWith(error);
     });
 });

package/lib/services/normalizer/__tests__/HtmlNormalizer.test.js

@@ -24,28 +24,28 @@ describe('normalize text content', () => {
 
     test('should keep order in list nodes', () => {
         const input = '<ul><li style="line-height: 2;"><span style="font-weight: 700">lorem</span> impsum</li></ul>';
-        const output = '<ul>' +
-            '<li>' +
-                '<p style="line-height: 2;"><span style="font-weight: 700">lorem</span> impsum</p>' +
-            '</li>' +
-        '</ul>';
+        const output = '<ul>'
+            + '<li>'
+            + '<p style="line-height: 2;"><span style="font-weight: 700">lorem</span> impsum</p>'
+            + '</li>'
+            + '</ul>';
 
         expect(ContentNormalizer.normalize(input)).toBe(output);
     });
 
     test('should wrap non paragraph list content', () => {
-        const input = '<ul>' +
-            '<li style="line-height: 2;">' +
-                '<span style="font-weight: 700">lorem</span> impsum' +
-                '<p>paragraph text</p>' +
-            '</li>' +
-        '</ul>';
-        const output = '<ul>' +
-            '<li>' +
-            '<p style="line-height: 2;"><span style="font-weight: 700">lorem</span> impsum</p>' +
-            '<p style="line-height: 2;">paragraph text</p>' +
-            '</li>' +
-        '</ul>';
+        const input = '<ul>'
+            + '<li style="line-height: 2;">'
+            + '<span style="font-weight: 700">lorem</span> impsum'
+            + '<p>paragraph text</p>'
+            + '</li>'
+            + '</ul>';
+        const output = '<ul>'
+            + '<li>'
+            + '<p style="line-height: 2;"><span style="font-weight: 700">lorem</span> impsum</p>'
+            + '<p style="line-height: 2;">paragraph text</p>'
+            + '</li>'
+            + '</ul>';
 
         expect(ContentNormalizer.normalize(input)).toBe(output);
     });
@@ -114,10 +114,10 @@ describe('normalize text content', () => {
 
     test('should normalize br in list items', () => {
         const input = '<ul><li>lorem ipsum 1<br><br></li><li>lorem ipsum 2</li></ul>';
-        const output = '<ul>' +
-            '<li><p>lorem ipsum 1</p><p><br></p></li>' +
-            '<li><p>lorem ipsum 2</p></li>' +
-        '</ul>';
+        const output = '<ul>'
+            + '<li><p>lorem ipsum 1</p><p><br></p></li>'
+            + '<li><p>lorem ipsum 2</p></li>'
+            + '</ul>';
 
         expect(ContentNormalizer.normalize(input)).toBe(output);
     });
@@ -145,10 +145,10 @@ describe('normalize text content', () => {
 
     test('should move text decoration from block to mixed content', () => {
         const input = '<p style="text-decoration: underline;"><span style="text-decoration: line-through;">lorem</span> ipsum</p>';
-        const output = '<p>' +
-            '<span style="text-decoration: underline line-through;">lorem</span>' +
-            '<span style="text-decoration: underline;"> ipsum</span>' +
-        '</p>';
+        const output = '<p>'
+            + '<span style="text-decoration: underline line-through;">lorem</span>'
+            + '<span style="text-decoration: underline;"> ipsum</span>'
+            + '</p>';
 
         expect(ContentNormalizer.normalize(input)).toBe(output);
     });

package/lib/styles/variables.css

@@ -1,4 +1,5 @@
-.zw-wysiwyg {
+.zw-wysiwyg,
+.zw-toolbar {
     --zw-color-n5: 13, 13, 13;      /* #0D0D0D */
     --zw-color-n15: 38, 38, 38;     /* #262626 */
     --zw-color-n20: 59, 59, 59;     /* #3B3B3B */
@@ -31,35 +32,3 @@
     --zw-line-height-xxs: 1.21;
     --zw-line-height-md: 1.72;
 }
-
-/*
-$builder-N5: #0D0D0D;
-$builder-N10: #1A1A1A;
-$builder-N15: #262626;
-$builder-N20: #3B3B3B;
-$builder-N30: #4D4D4D;
-$builder-N40: #666;
-$builder-N50: #808080;
-$builder-N60: #999;
-$builder-N70: #B3B3B3;
-$builder-N80: #C4C4C4;
-$builder-N85: #D9D9D9;
-$builder-N90: #E6E6E6;
-$builder-N94: #F0F0F0;
-$builder-N96: #F5F5F5;
-$builder-N98: #FAFAFA;
-$builder-N200: #C2C8D1;
-$builder-R50: #EA3A3A;
-
-$font-size-xxs: 12px;
-$font-size-xs:  14px;
-$font-size-sm:  16px;
-$font-size-md:  18px;
-$font-size-lmd: 20px;
-$font-size-lg:  24px;
-
-$font-height--xxs: 1.2;
-$font-height--xs: 1.33;
-$font-height--sm: 1.43;
-$font-height--md: 1.72;
- */

package/lib/types/StylePresetVariableFactory.ts

@@ -0,0 +1,10 @@
+import type { IStylePreset } from '@/models';
+import { Device } from '@/enums';
+
+export interface IStylePresetVariableArgs {
+    device: Device;
+    preset: IStylePreset;
+    property: string;
+}
+
+export type StylePresetVariableFactory = (args: IStylePresetVariableArgs) => string;

package/lib/types/index.ts

@@ -0,0 +1 @@
+export type * from './StylePresetVariableFactory';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "4.9.1",
+  "version": "4.10.0-1",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "types": "dist/wysiwyg.d.ts",
@@ -27,7 +27,7 @@
     "example:start": "NODE_ENV=development vite serve --config config/build/example.config.ts",
     "example:build": "NODE_ENV=production vite build --config config/build/example.config.ts",
     "test:unit": "jest .",
-    "lint:js": "eslint ./lib",
+    "lint:js": "zipify-lint-js --oxlint-tsconfig ./tsconfig.lint.json ./lib",
     "lint:css": "stylelint ./lib/**/*.{css,vue}",
     "optimize-svg": "svgo --config ./config/svgo.js",
     "prepare": "husky"
@@ -65,51 +65,41 @@
     }
   },
   "devDependencies": {
-    "@babel/core": "^7.25.8",
-    "@babel/eslint-parser": "^7.25.8",
-    "@babel/plugin-transform-runtime": "^7.25.7",
-    "@babel/preset-env": "^7.25.8",
-    "@babel/runtime": "^7.25.7",
+    "@babel/core": "^7.26.0",
+    "@babel/plugin-transform-runtime": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/runtime": "^7.26.0",
     "@optimize-lodash/rollup-plugin": "^5.0.0",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^6.0.1",
-    "@rushstack/eslint-patch": "^1.10.4",
     "@stylistic/stylelint-plugin": "^3.1.1",
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.9.0",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "@vitejs/plugin-vue": "^5.2.0",
-    "@vue/eslint-config-typescript": "^13.0.0",
+    "@types/node": "^22.10.2",
+    "@vitejs/plugin-vue": "^5.2.1",
     "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.5.1",
+    "@vue/tsconfig": "^0.7.0",
     "@vue/vue3-jest": "^29.2.6",
     "@zipify/colorpicker": "^4.1.1",
-    "@zipify/eslint-config": "^1.6.0",
+    "@zipify/eslint-config": "^3.0.0",
     "babel-jest": "^29.7.0",
     "esbuild-jest": "^0.5.0",
-    "eslint": "^8.57.1",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jest": "^27.9.0",
-    "eslint-plugin-vue": "^9.29.0",
-    "husky": "^9.1.6",
+    "husky": "^9.1.7",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.2.11",
     "postcss-html": "^1.7.0",
     "release-it": "^17.10.0",
-    "rollup": "^4.27.2",
+    "rollup": "^4.28.1",
     "rollup-plugin-esbuild": "^6.1.1",
-    "rollup-plugin-esbuild-minify": "^1.1.2",
-    "simplebar": "^6.2.7",
-    "stylelint": "^16.10.0",
+    "rollup-plugin-esbuild-minify": "^1.2.0",
+    "simplebar": "^6.3.0",
+    "stylelint": "^16.11.0",
     "svgo": "^3.3.2",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11",
+    "typescript": "5.6.3",
+    "vite": "^6.0.3",
     "vue": "3.5.13",
     "vue-tsc": "^2.1.10"
   },

package/tsconfig.lint.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "include": [
+    "**/*.ts",
+    "**/*.vue"
+  ]
+}

package/.eslintignore

@@ -1,2 +0,0 @@
-dist/**
-.eslintrc.js