> ## Documentation Index
> Fetch the complete documentation index at: https://docs.formizee.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Vue.js

> Learn how to ingest your first submission using Vue.js

### Prerequisites

To get the most out of this guide, you'll need to:

* [Create a Formizee account](https://dashboard.formizee.com)
* [Have a form created](/guides/create-your-first-form)

## 1. Create a Vue.js project

<CodeGroup>
  ```bash pnpm theme={"system"}
  pnpm create vue@latest formizee-vue-example
  ```

  ```bash npm theme={"system"}
  npm create vue@latest formizee-vue-example
  ```

  ```bash bun theme={"system"}
  bun create vue@latest formizee-vue-example
  ```

  ```bash yarn theme={"system"}
  yarn create vue@latest formizee-vue-example
  ```
</CodeGroup>

## 2. Update the main page

Update the file under `src/App.vue` with the next code,
then add your **Endpoint URL**.

```tsx App.vue {2} theme={"system"}
<template>
  <form method="post" action="<your-endpoint-url>">
    <label for="name">
      Name
      <input id="name" autoComplete="name" name="name" />
    </label>
    <label for="email">
      Email
      <input id="email" autoComplete="email" name="email" />
    </label>
    <button>Submit</button>
  </form>
</template>
```

## 3. Run in local

<CodeGroup>
  ```bash pnpm theme={"system"}
  pnpm run dev
  ```

  ```bash npm theme={"system"}
  npm run dev
  ```

  ```bash bun theme={"system"}
  bun run dev
  ```

  ```bash yarn theme={"system"}
  yarn run dev
  ```
</CodeGroup>

## 4. Try it yourself

<Card title="Formizee Vue.js Example" icon="link" href="https://github.com/formizee/formizee-vue-example">
  See the full source code
</Card>