1. Add @nuxtclub/appwrite dependency to your project

yarn add @nuxtclub/appwrite # or npm i @nuxtclub/appwrite

2. Add @nuxtclub/appwrite to the modules section of nuxt.config.js

export default {
	modules: [
		[
			'@nuxtclub/appwrite',
			{
				/* module options */
			},
		],
	],
}

export default {
	modules: ['@nuxtclub/appwrite'],
	appwrite: {
		/* module options */
	},
}

Add the types to your "types" array in tsconfig.json after the @nuxt/types entry.

⚠️ Use @nuxt/vue-app instead of @nuxt/types for nuxt < 2.9.

{
	"compilerOptions": {
		"types": ["@nuxt/types", "@nuxtclub/appwrite"]
	}
}

To start using Appwrite in your project you should place the Project ID and the API Endpoint of your Appwrite project.

You can find this data on the administration panel of your project > Settings.

export default {
	appwrite: {
		project_id: 'YOUR_PROJECT_ID',
		endpoint: 'YOUR_API_ENDPOINT',
	},
}

This module will inject $appwrite in the context of your application.

Using $appwrite you can access to the Appwrite object of the Appwrite Client for JavaScript.

Learn more about Appwrite here.