question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Installation guide for Astro

See original GitHub issue

Describe the feature

I was struggling to get Formkit to work in Astro.build. The docs only explain for Vue and Nuxt. Ended up getting it to work, so for the people also struggling:

astro.config.mjs

import { defineConfig } from 'astro/config';
import vue from '@astrojs/vue';

export default defineConfig({
  integrations: [
    vue({ appEntrypoint: '/src/pages/_app' })
  ],

src/pages/_app.ts

import type { App } from 'vue';
import { plugin, defaultConfig } from '@formkit/vue'

export default (app: App) => {
    app.use(plugin, defaultConfig);
}

Since Astro is quiet popular and getting more fans every day, I think it would be great to add it to the docs. Especially since a lot of Astro users come from tools like 11ty, hugo and Jekyll, not vue.

Issue Analytics

  • State:closed
  • Created 10 months ago
  • Reactions:2
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
GustavoFenillicommented, Nov 22, 2022

We added a section in the intallation guide on how to integrate Astro and Formkit.

0reactions
GustavoFenillicommented, Dec 7, 2022

Closing as the documentation now has the Astro integration.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Install Astro with the Automatic CLI
Ready to install Astro? Follow our automatic or manual set-up guide to get started. Prerequisites.
Read more >
Astro box New Installation Settings guide - Barzrul Tech
In this Astro box New Installation Settings guide, I'm providing step-by-step instructions to re-setup your decoder after you've done ...
Read more >
Install Astro | Astronomer Documentation
Install Astro on the Astronomer-hosted cloud or your existing cloud instance.
Read more >
How to Install Artificial Turf | A DIY How To Guide - YouTube
In this video I'll show you all the steps required to install artificial turf in your yard, from filling and grading, to compacting,...
Read more >
HD enabled Box New Installation setting - Help & Support | Astro
STEP 1. Choose your language preferences for both Menu Language and Info Language. Then, press "OK". ; STEP 2. Select you box operating...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found