{"id":15164604,"url":"https://github.com/4sllan/six-dropzone","last_synced_at":"2026-02-23T16:09:58.456Z","repository":{"id":222694641,"uuid":"758143937","full_name":"4sllan/six-dropzone","owner":"4sllan","description":"🖼️ 6 Dropzone for Nuxt.js 3 applications.","archived":false,"fork":false,"pushed_at":"2025-11-06T23:30:48.000Z","size":659,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-07T01:14:50.379Z","etag":null,"topics":["dropzone","module","nuxt","nuxt-dropzone","nuxt-module","nuxt3","six-dropzone"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/4sllan.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"4sllan","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2024-02-15T17:53:52.000Z","updated_at":"2025-08-16T18:39:20.000Z","dependencies_parsed_at":"2024-02-15T18:31:08.477Z","dependency_job_id":"9ebb2e9f-fb3a-4853-83fa-751f695826a0","html_url":"https://github.com/4sllan/six-dropzone","commit_stats":{"total_commits":63,"total_committers":1,"mean_commits":63.0,"dds":0.0,"last_synced_commit":"3996261d3a76fad3df2fa1448a42e7293ec1e8d2"},"previous_names":["4sllan/six-dropzone","4sllan/nuxt-dropzone"],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/4sllan/six-dropzone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4sllan%2Fsix-dropzone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4sllan%2Fsix-dropzone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4sllan%2Fsix-dropzone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4sllan%2Fsix-dropzone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/4sllan","download_url":"https://codeload.github.com/4sllan/six-dropzone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/4sllan%2Fsix-dropzone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29747994,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-23T07:44:07.782Z","status":"ssl_error","status_checked_at":"2026-02-23T07:44:07.432Z","response_time":90,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dropzone","module","nuxt","nuxt-dropzone","nuxt-module","nuxt3","six-dropzone"],"created_at":"2024-09-27T03:41:24.402Z","updated_at":"2026-02-23T16:09:58.427Z","avatar_url":"https://github.com/4sllan.png","language":"Vue","funding_links":["https://github.com/sponsors/4sllan"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg src=\".github/six-dropzone.svg\" width=\"400\"\u003e\n\u003cp align=\"center\"\u003e6 Dropzone support for Nuxt 3\u003c/p\u003e\n\u003c/div\u003e\n\n\n\u003cbr\u003e\n\n[![npm version](https://img.shields.io/npm/v/six-dropzone/latest.svg?style=flat-square\u0026colorA=18181B\u0026colorB=28CF8D)](https://www.npmjs.com/package/six-dropzone)\n![GitHub License][license]\n[![npm downloads](https://img.shields.io/npm/dt/six-dropzone.svg?style=flat-square\u0026colorA=18181B\u0026colorB=28CF8D)](https://www.npmjs.com/package/six-dropzone)\n[![Nuxt][nuxt-src]][nuxt-href]\n[![Static Badge](https://img.shields.io/badge/-%E2%99%A5%20Sponsors-ec5cc6?style=flat-square)](https://github.com/sponsors/4sllan)\n\n[Demo online](https://codesandbox.io/p/devbox/jgrd5q)\n\n\n---\n\n#### Table of Content\n\n- [Features](#features)\n- [Demo](#demo)\n- [Installation](#installation)\n- [Usage](#usage)\n- [API](#api)\n    * [Props](#props)\n    * [Events](#events)\n    * [Slots](#slots)\n\n## Features\n\n## Demo\n\n[![view six-dropzone](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/devbox/jgrd5q)\n\n## Setup\n\n## Installation\n\n\u003e six-dropzone for Nuxt3 applications.\n\n```sh\nnpx nuxi@latest module add six-dropzone\n```\n\n### Config\n\n***nuxt.config.js***\n\n``` js\n{\n     modules: [\n        'six-dropzone',\n    ]\n},\n\n```\n\n## Usage\n\n```html\n\n\u003cscript setup\u003e\n    const photo = ref()\n    const drop = (e) =\u003e {\n        console.log(e.dataTransfer.files[0], 'drop')\n    }\n    const selectedFile = (e) =\u003e {\n        console.log(e, 'change')\n    };\n    const modelValue = (e) =\u003e {\n        console.log(e, 'model-value')\n    }\n\u003c/script\u003e\n\u003ctemplate\u003e\n    \u003cSixDropzone\n            v-model=\"photo\"\n            @drop.prevent=\"drop\"\n            @change=\"selectedFile\"\n            @update:model-value=\"modelValue\"\n            :accept=\"['image/png', 'image/jpeg']\"\n            :drop-mounted=\"url\"\n    \u003e\u003c/SixDropzone\u003e\n\u003c/template\u003e\n```\n\n## API\n\n### Props\n\n| Name             | Type              | Default Value | Description                                                                                                                                                                              |\n|------------------|-------------------|---------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| `dropMounted`    | `String`          | `undefined`   | The image URL.                                                                                                                                                                           |\n| `label`          | `String`          | `Select File` | Sets the button text                                                                                                                                                                     |\n| `error-messages` | `String/String[]` | `[]`          | Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation. |\n| `accept`         | `String/String[]` | `\" \"`         | Defines the types of files that are allowed. You can pass a single string (e.g., 'image/*') or an array of strings (e.g., ['image/png', 'image/jpeg']).                                  |\n| `multiple`       | `Boolean`         | `false`       | Allows uploading multiple files if set to true.                                                                                                                                          |                                                                                                                                        \n\n### Events\n\n| Name                | Type     | Description                                               | \n|---------------------|----------|-----------------------------------------------------------|\n| `drop`              | `[File]` | drop value of the component.                              |\n| `change`            | `[File]` | value of the component.                                   |\n| `update:modelValue` | `[File]` | Event that is emitted when the component’s model changes. |\n| `addFile`           |          |                                                           |\n| `clearFile`         |          |                                                           |\n\n### Slots\n\n| Name      | Description           | \n|-----------|-----------------------|\n| `Default` | The default Vue slot. |\n| `Icon`    | change or close icons |\n\n## ⚖️ License\n\nReleased under [MIT](/LICENSE) by [@4slan](https://github.com/4sllan).\n\n\n[license]: https://img.shields.io/github/license/4sllan/six-dropzone?style=flat-square\u0026colorA=18181B\u0026colorB=28CF8D\n\n[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js\n\n[nuxt-href]: https://nuxt.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4sllan%2Fsix-dropzone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F4sllan%2Fsix-dropzone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F4sllan%2Fsix-dropzone/lists"}