Merge pull request #1 from themesberg/fileinput-dropzone-label

Fileinput dropzone label

Author: ogzcode

.eslintrc.js

@@ -5,19 +5,19 @@ name: Node.js CI
 
 on:
   pull_request:
-    branches: [ "main" ]
+    branches: ['main']
 
 jobs:
   docs-build:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [18.x, 20.x, 22.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
         cache: 'npm'
@@ -30,9 +30,9 @@ jobs:
         node-version: [18.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
         cache: 'npm'
@@ -42,12 +42,12 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x, 20.x]
+        node-version: [18.x, 20.x, 22.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
     steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@v4
     - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
         cache: 'npm'
@@ -57,12 +57,12 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [ 18.x, 20.x ]
+        node-version: [18.x, 20.x, 22.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
           cache: 'npm'

.github/workflows/node.js.yml

@@ -74,6 +74,9 @@ jspm_packages/
 .vuepress/dist
 docs/.vitepress/cache
 
+# VSCode custom configs
+.vscode
+
 # Stores VSCode versions used for testing VSCode extensions
 .vscode-test
 

.gitignore

@@ -1 +1 @@
-16.6.2
+18.20.6

.node-version

@@ -3,16 +3,16 @@
 // here we add :not(:where(.vp-raw *)) selector to use it inside component examples
 // to prevent component style pollution from .vp-doc styles
 
-module.exports = {
-    plugins: {
-        'tailwindcss': {},
-        'postcss-prefix-selector': {
-            prefix: ':not(:where(.vp-raw *))',
-            includeFiles: [/vp-doc\.css/],
-            transform(prefix, _selector) {
-                const [selector, pseudo = ''] = _selector.split(/(:\S*)$/)
-                return selector + prefix + pseudo
-            }
-        },
-    }
-}
+export default {
+  plugins: {
+    'tailwindcss': {},
+    'postcss-prefix-selector': {
+      prefix: ':not(:where(.vp-raw *))',
+      includeFiles: [/vp-doc\.css/],
+      transform (prefix, _selector) {
+        const [selector, pseudo = ''] = _selector.split(/(:\S*)$/)
+        return selector + prefix + pseudo
+      },
+    },
+  },
+}

.prettierrc.js

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vitepress'
 
-function buildSidebar() {
+function buildSidebar () {
   return [
     {
       items: [
@@ -23,7 +23,7 @@ function buildSidebar() {
       collapsible: true,
       items: [
         ...getTypography(),
-      ]
+      ],
     },
     {
       text: 'Utils',
@@ -33,7 +33,7 @@ function buildSidebar() {
   ]
 }
 
-function getComponents() {
+function getComponents () {
   return [
     { text: 'Accordion', link: '/components/accordion' },
     { text: 'Alert', link: '/components/alert' },
@@ -63,7 +63,7 @@ function getComponents() {
   ]
 }
 
-function getFormComponents() {
+function getFormComponents () {
   return [
     { text: 'Input', link: '/components/input' },
     { text: 'File Input', link: '/components/fileInput' },
@@ -76,19 +76,20 @@ function getFormComponents() {
   ]
 }
 
-function getUtils() {
+function getUtils () {
   return [
     { text: 'Flowbite Themable', link: '/components/flowbiteThemable/flowbiteThemable.md' },
     { text: 'Toast Provider', link: '/components/toastProvider/toastProvider.md' },
   ]
 }
 
-function getTypography() {
+function getTypography () {
   return [
+    { text: 'Blockquote', link: '/components/blockquote' },
     { text: 'Heading', link: '/components/heading' },
     { text: 'Paragraph', link: '/components/paragraph' },
     { text: 'Image', link: '/components/image' },
-    { text: 'Link', link: '/components/link' }
+    { text: 'Link', link: '/components/link' },
   ]
 }
 
@@ -98,6 +99,7 @@ function getTypography() {
  */
 export default defineConfig({
   title: 'Flowbite Vue 3',
+  description: 'Flowbite Vue is an open-source UI component library built with Vue components, Tailwind CSS utility classes and based on the Flowbite design system and components.',
   cleanUrls: true,
   head: [
     ['link', { rel: 'icon', type: 'image/svg', href: '/assets/logo.svg' }],
@@ -135,7 +137,7 @@ export default defineConfig({
 
     footer: {
       message: 'Released under the MIT License.',
-      copyright: 'Copyright © 2023 Flowbite™',
+      copyright: `Copyright © ${new Date().getFullYear()} Flowbite™`,
     },
   },
 })

docs/.postcssrc.js

@@ -1,6 +1,7 @@
 // https://vitepress.dev/guide/custom-theme
-import { h } from 'vue'
 import Theme from 'vitepress/theme'
+import { h } from 'vue'
+
 import './tailwind.css'
 import './clear.css'