feat: install capacitor packages by default

Author: danielroe

docs/content/2.getting-started.md

@@ -41,6 +41,24 @@ You're good to go!
 The first time you start a Nuxt project with `nuxt-ionic` enabled, a `ionic.config.json` file will be created if it doesn't already exist.
 ::
 
+## Enabling Capacitor
+
+[Capacitor](https://capacitorjs.com/) is a powerful tool for shipping to native platforms like iOS and Android alongside your web app.
+
+The good news is that it's installed by default with `nuxt-ionic`, but you will need to enable it and choose what platforms you want to support.
+
+```bash
+npx @ionic/cli integrations enable capacitor # or yarn ionic integrations add capacitor
+npx cap add ios # or yarn cap add ios
+npx cap add android # or yarn cap add android
+```
+
+::alert
+After building your Nuxt app with `nuxt generate`, you will need to run `npx cap sync` to update your Capacitor project directories with your latest app build.
+::
+
+Find out more about how to use Capacitor with Ionic at https://capacitorjs.com/docs/getting-started/with-ionic.
+
 ## Options
 
 While not required, you can configure the features that are enabled:

package.json

@@ -53,6 +53,8 @@
     "postpublish": "pinst --enable"
   },
   "dependencies": {
+    "@capacitor/cli": "^3.6.0",
+    "@capacitor/core": "^3.6.0",
     "@ionic/cli": "^6.20.0",
     "@ionic/vue": "^6.1.10",
     "@ionic/vue-router": "^6.1.10",

playground/capacitor.config.json

@@ -0,0 +1,10 @@
+import { CapacitorConfig } from '@capacitor/cli'
+
+const config: CapacitorConfig = {
+  appId: 'io.ionic.starter',
+  appName: 'nuxt-ionic-playground',
+  webDir: 'dist',
+  bundledWebRuntime: false,
+}
+
+export default config

playground/capacitor.config.ts

@@ -9,7 +9,6 @@
   },
   "devDependencies": {
     "@capacitor/camera": "^1.3.1",
-    "@capacitor/core": "3.6.0",
     "@capacitor/filesystem": "^1.1.0",
     "@capacitor/storage": "^1.2.5",
     "nuxt": "^3.0.0-rc.4",