Typo flavorly

CONTRIBUTING.md

@@ -26,11 +26,11 @@ You may wish to test your locally-modified copy of Vanilla Components against an
 ```json
 {
   "dependencies": {
-    "@favlorly/vanilla-components": "*"
+    "@flavorly/vanilla-components": "*"
   },
   "pnpm": {
     "overrides": {
-      "@favlorly/vanilla-components": "link:../path/to/vanilla-components/packages/vanilla-components"
+      "@flavorly/vanilla-components": "link:../path/to/vanilla-components/packages/vanilla-components"
     }
   }
 }

README.md

@@ -34,13 +34,13 @@ Get started by installing the peer dependencies than, move on installing the pac
 
 ```bash
 pnpm add @headlessui/vue@^1.5.0 @popperjs/core@^2.11.2 flatpickr@^4.6.9 libphonenumber-js@^1.9.49 
-pnpm add @favlorly/vanilla-components
+pnpm add @flavorly/vanilla-components
 ```
 
 Import the components as needed with the following:
 
 ```vue
-import { Button } from '@favlorly/vanilla-components'
+import { Button } from '@flavorly/vanilla-components'
 ```
 
 ## Local & Documentation

package.json

@@ -4,32 +4,32 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "dev": "nr --filter @favlorly/vanilla-components dev",
-    "build": "nr --filter @favlorly/vanilla-components build",
-    "docs:dev": "nr --filter @favlorly/vanilla-components-documentation dev",
-    "docs:build": "nr --filter @favlorly/vanilla-components build && nr --filter @favlorly/vanilla-components-documentation build",
+    "dev": "nr --filter @flavorly/vanilla-components dev",
+    "build": "nr --filter @flavorly/vanilla-components build",
+    "docs:dev": "nr --filter @flavorly/vanilla-components-documentation dev",
+    "docs:build": "nr --filter @flavorly/vanilla-components build && nr --filter @flavorly/vanilla-components-documentation build",
     "clean": "rimraf node_modules packages/vanilla-components/node_modules packages/vanilla-components/dist packages/documentation/node_modules packages/documentation/.vitepress/dist",
-    "release": "bumpp package.json packages/vanilla-components/package.json --execute 'nr --filter @favlorly/vanilla-components build' && na --filter @favlorly/vanilla-components publish --no-git-checks",
-    "docs:index:build": "nr --filter @favlorly/vanilla-components-documentation index:build",
+    "release": "bumpp package.json packages/vanilla-components/package.json --execute 'nr --filter @flavorly/vanilla-components build' && na --filter @flavorly/vanilla-components publish --no-git-checks",
+    "docs:index:build": "nr --filter @flavorly/vanilla-components-documentation index:build",
     "lunr:start": "cp packages/documentation/.vitepress/index/lunr.demo.cjs packages/documentation/.vitepress/index/lunr.cjs",
-    "lunr:index": "nr --filter @favlorly/vanilla-components-documentation index:build"
+    "lunr:index": "nr --filter @flavorly/vanilla-components-documentation index:build"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
     "@antfu/eslint-config-vue": "^0.27.0",
-    "@antfu/ni": "^0.18.2",
-    "@typescript-eslint/eslint-plugin": "^5.40.1",
-    "@typescript-eslint/parser": "^5.40.1",
+    "@antfu/ni": "^0.18.5",
+    "@typescript-eslint/eslint-plugin": "^5.43.0",
+    "@typescript-eslint/parser": "^5.43.0",
     "bumpp": "^8.2.1",
-    "eslint": "^8.25.0",
+    "eslint": "^8.27.0",
     "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-import-resolver-typescript": "^3.5.1",
+    "eslint-import-resolver-typescript": "^3.5.2",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-unicorn": "^44.0.2",
-    "eslint-plugin-vue": "^9.6.0",
-    "pnpm": "^7.13.6",
+    "eslint-plugin-vue": "^9.7.0",
+    "pnpm": "^7.16.0",
     "rimraf": "^3.0.2"
   },
   "packageManager": "[email protected]"

packages/documentation/.vitepress/config.ts

@@ -46,7 +46,7 @@ export default defineConfig({
     optimizeDeps: {
       exclude: [],
       include: [
-        '@favlorly/vanilla-components',
+        '@flavorly/vanilla-components',
       ],
       force: true,
     },

packages/documentation/.vitepress/theme/components/Demo/DemoComponent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useConfiguration } from '@favlorly/vanilla-components'
+import { useConfiguration } from '@flavorly/vanilla-components'
 import type { MyOwnComponentProps } from './config'
 import { myOwnComponentConfig } from './config'
 const { configuration, errors, hasErrors } = useConfiguration<MyOwnComponentProps>(myOwnComponentConfig, 'MyOwnComponent')

packages/documentation/.vitepress/theme/components/Demo/config.ts

@@ -1,7 +1,7 @@
 import type { InputHTMLAttributes } from 'vue'
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-expect-error
-import type { Data, WithVariantPropsAndClassesList } from '@favlorly/vanilla-components'
+import type { Data, WithVariantPropsAndClassesList } from '@flavorly/vanilla-components'
 
 export const myOwnComponentConfig = {
   fixedClasses: {

packages/documentation/.vitepress/theme/index.ts

@@ -15,7 +15,7 @@ import './styles/why-frame/whyframe.pcss'
 import 'vue-json-pretty/lib/styles.css'
 
 // Plugins
-import { Plugin } from '@favlorly/vanilla-components'
+import { Plugin } from '@flavorly/vanilla-components'
 import { makeServer } from '../../utils/server'
 
 // Vue Templates

packages/documentation/.vitepress/theme/styles/v-calendar/v-calendar.pcss

@@ -1,4 +1,4 @@
-@import '@favlorly/v-calendar/dist/style.css';
+@import '@flavorly/v-calendar/dist/style.css';
 
 @tailwind components;
 

packages/documentation/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@favlorly/vanilla-components-documentation",
+  "name": "@flavorly/vanilla-components-documentation",
   "type": "module",
   "private": true,
   "scripts": {
@@ -12,43 +12,43 @@
   },
   "devDependencies": {
     "@whyframe/core": "^0.1.8",
-    "@whyframe/vue": "^0.1.3",
-    "autoprefixer": "^10.4.12",
+    "@whyframe/vue": "^0.1.4",
+    "autoprefixer": "^10.4.13",
     "cheerio": "^1.0.0-rc.12",
-    "patch-package": "^6.4.7",
-    "postcss": "^8.4.18",
+    "patch-package": "^6.5.0",
+    "postcss": "^8.4.19",
     "postcss-import": "^15.0.0",
     "postcss-nested": "^6.0.0",
     "postcss-prefix-selector": "^1.16.0",
-    "vite": "^3.1.8",
-    "vite-plugin-inspect": "^0.7.5"
+    "vite": "^3.2.4",
+    "vite-plugin-inspect": "^0.7.8"
   },
   "dependencies": {
-    "@docsearch/css": "^3.2.1",
-    "@docsearch/js": "^3.2.1",
+    "@docsearch/css": "^3.3.0",
+    "@docsearch/js": "^3.3.0",
     "@faker-js/faker": "^7.6.0",
-    "@headlessui/vue": "^1.7.3",
-    "@heroicons/vue": "^2.0.12",
-    "@favlorly/v-calendar": "3.0.0-alpha.10",
-    "@favlorly/vanilla-components": "workspace:*",
+    "@flavorly/v-calendar": "3.0.0-alpha.10",
+    "@flavorly/vanilla-components": "workspace:0.7.3",
+    "@headlessui/vue": "^1.7.4",
+    "@heroicons/vue": "^2.0.13",
     "@popperjs/core": "^2.11.6",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/typography": "^0.5.7",
-    "@vueuse/core": "^9.3.1",
+    "@tailwindcss/typography": "^0.5.8",
+    "@vueuse/core": "^9.5.0",
     "body-scroll-lock": "^4.0.0-beta.0",
     "collect.js": "^4.34.3",
     "fuse.js": "^6.6.2",
     "libphonenumber-js": "^1.10.14",
     "lodash": "^4.17.21",
     "lunr": "^2.3.9",
     "markdown-it-include": "^2.0.0",
-    "miragejs": "^0.1.45",
+    "miragejs": "^0.1.46",
     "paginatedjs": "^1.1.1",
     "shiki": "^0.11.1",
-    "tailwindcss": "^3.2.0",
-    "vitepress": "^1.0.0-alpha.21",
-    "vue": "^3.2.41",
-    "vue-json-pretty": "^2.2.2"
+    "tailwindcss": "^3.2.4",
+    "vitepress": "^1.0.0-alpha.29",
+    "vue": "^3.2.45",
+    "vue-json-pretty": "^2.2.3"
   }
 }

packages/documentation/src/components/DemoComponent.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useConfiguration } from '@favlorly/vanilla-components'
+import { useConfiguration } from '@flavorly/vanilla-components'
 import type { MyOwnComponentProps } from './DemoComponentConfig'
 import { myOwnComponentConfig } from './DemoComponentConfig'
 const { configuration, errors, hasErrors } = useConfiguration<MyOwnComponentProps>(myOwnComponentConfig, 'MyOwnComponent')

packages/documentation/src/components/DemoComponentConfig.ts

@@ -1,7 +1,7 @@
 import type { InputHTMLAttributes } from 'vue'
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-expect-error
-import type { Data, WithVariantPropsAndClassesList } from '@favlorly/vanilla-components'
+import type { Data, WithVariantPropsAndClassesList } from '@flavorly/vanilla-components'
 
 export const myOwnComponentConfig = {
   fixedClasses: {

packages/documentation/src/components/ExampleAvatar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Avatar } from '@favlorly/vanilla-components'
+import { Avatar } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const value = ref(null)
 const value2 = ref(null)

packages/documentation/src/components/ExampleButton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button } from '@favlorly/vanilla-components'
+import { Button } from '@flavorly/vanilla-components'
 </script>
 
 <template>

packages/documentation/src/components/ExampleCard.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button, Card, DropdownMenu, DropdownOption } from '@favlorly/vanilla-components'
+import { Button, Card, DropdownMenu, DropdownOption } from '@flavorly/vanilla-components'
 </script>
 
 <template>

packages/documentation/src/components/ExampleCheckbox.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Checkbox } from '@favlorly/vanilla-components'
+import { Checkbox } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 
 const value = ref('accepted')

packages/documentation/src/components/ExampleCheckboxGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { CheckboxGroup } from '@favlorly/vanilla-components'
+import { CheckboxGroup } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const value = ref([])
 </script>

packages/documentation/src/components/ExampleCountryInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { CountryInput } from '@favlorly/vanilla-components'
+import { CountryInput } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 
 const value = ref('PT')

packages/documentation/src/components/ExampleDatatable.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Datatable, DropdownOption } from '@favlorly/vanilla-components'
+import { Datatable, DropdownOption } from '@flavorly/vanilla-components'
 import { TrashIcon } from '@heroicons/vue/24/outline/index.js'
 
 const onFetched = () => {

packages/documentation/src/components/ExampleDatetimePicker.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { DateTimeInput } from '@favlorly/vanilla-components'
+import { DateTimeInput } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 
 const value = ref('2011-01-01 0:00:01')

packages/documentation/src/components/ExampleDialog.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button, Dialog } from '@favlorly/vanilla-components'
+import { Button, Dialog } from '@flavorly/vanilla-components'
 import { CheckIcon } from '@heroicons/vue/24/solid/index.js'
 import { ref } from 'vue'
 const open = ref(false)

packages/documentation/src/components/ExampleDropdown.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Dropdown, DropdownMenu, DropdownOption } from '@favlorly/vanilla-components'
+import { Dropdown, DropdownMenu, DropdownOption } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 import { CheckCircleIcon, DocumentDuplicateIcon } from '@heroicons/vue/24/solid/index.js'
 

packages/documentation/src/components/ExampleFormSections.vue

@@ -10,7 +10,7 @@ import {
   PhoneInput,
   Input as VanillaInput,
   Select as VanillaSelect,
-} from '@favlorly/vanilla-components'
+} from '@flavorly/vanilla-components'
 import VueJsonPretty from 'vue-json-pretty'
 
 const form = ref({

packages/documentation/src/components/ExampleForms.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { FormErrors, FormFeedback, FormLabel, Input as VanillaInput } from '@favlorly/vanilla-components'
+import { FormErrors, FormFeedback, FormLabel, Input as VanillaInput } from '@flavorly/vanilla-components'
 </script>
 
 <template>

packages/documentation/src/components/ExampleFormsInputGroup.vue

@@ -6,7 +6,7 @@ import {
   InputGroup,
   Input as VanillaInput,
   Select as VanillaSelect,
-} from '@favlorly/vanilla-components'
+} from '@flavorly/vanilla-components'
 </script>
 
 <template>

packages/documentation/src/components/ExampleFormsSection.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { FormSection, Input as VanillaInput } from '@favlorly/vanilla-components'
+import { FormSection, Input as VanillaInput } from '@flavorly/vanilla-components'
 </script>
 
 <template>

packages/documentation/src/components/ExampleInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Input } from '@favlorly/vanilla-components'
+import { Input } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const value = ref(null)
 const valueErrors = ref(null)

packages/documentation/src/components/ExamplePhoneInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { PhoneInput } from '@favlorly/vanilla-components'
+import { PhoneInput } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 
 const value = ref('+35191523813')

packages/documentation/src/components/ExampleRichRadio.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RichRadio } from '@favlorly/vanilla-components'
+import { RichRadio } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const value = ref('vps1')
 const value2 = ref('vps1')

packages/documentation/src/components/ExampleRichSelect.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { FormLabel, RichSelect, RichSelectOptionImage, RichSelectOptionIndicator } from '@favlorly/vanilla-components'
+import { FormLabel, RichSelect, RichSelectOptionImage, RichSelectOptionIndicator } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const value = ref('Option 1')
 const value2 = ref(['Option 1', 'Option 2'])

packages/documentation/src/components/ExampleRichSelectPreview.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { FormLabel, RichSelect } from '@favlorly/vanilla-components'
+import { FormLabel, RichSelect } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const value = ref('Option 1')
 const value2 = ref(['Option 1', 'Option 2'])

packages/documentation/src/components/ExampleSelect.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Select } from '@favlorly/vanilla-components'
+import { Select } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const value = ref(undefined)
 const value2 = ref(undefined)

packages/documentation/src/components/ExampleSkeleton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Skeleton, Card } from '@favlorly/vanilla-components'
+import { Skeleton, Card } from '@flavorly/vanilla-components'
 </script>
 
 <template>

packages/documentation/src/components/ExampleSlideover.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Button, Slideover } from '@favlorly/vanilla-components'
+import { Button, Slideover } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const open = ref(false)
 </script>

packages/documentation/src/components/ExampleStatusIndicator.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { StatusIndicator } from '@favlorly/vanilla-components'
+import { StatusIndicator } from '@flavorly/vanilla-components'
 </script>
 
 <template>

packages/documentation/src/components/ExampleTextarea.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Textarea as VanillaTextArea } from '@favlorly/vanilla-components'
+import { Textarea as VanillaTextArea } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const value = ref(null)
 const valueErrors = ref(null)

packages/documentation/src/components/ExampleToggle.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Toggle } from '@favlorly/vanilla-components'
+import { Toggle } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 
 const value = ref('accepted')

packages/documentation/src/components/ExampleToggleGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ToggleGroup } from '@favlorly/vanilla-components'
+import { ToggleGroup } from '@flavorly/vanilla-components'
 import { ref } from 'vue'
 const value = ref([])
 </script>

packages/documentation/src/components/variants-demo.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { Button } from '@favlorly/vanilla-components'
+import { Button } from '@flavorly/vanilla-components'
 
 // The current variant
 const variant = ref('superCool')