### Default Component Lookup Example

Source: https://github.com/drunomics/nuxtjs-drupal-ce/blob/2.x/README.md

Illustrates the process of finding a default Vue component for a custom element when a specific component is not found. The module iteratively removes segments and appends '--default' to find a suitable fallback.

```text
x node-custom-view.vue
x node-custom-view--default.vue
x node-custom--default.vue
✓ node--default.vue
```

--------------------------------

### Custom Page Error Handling (TypeScript)

Source: https://github.com/drunomics/nuxtjs-drupal-ce/blob/2.x/README.md

Override the default error handler for `fetchPage`. This example demonstrates how to create a custom error handler that throws a Nuxt error with a specific status code and message when data fetching fails.

```typescript
<script lang="ts" setup>
  const { fetchPage } = useDrupalCe()

  function customPageError (error: Record<string, any>) {
    throw createError({ statusCode: error.value.statusCode, statusMessage: 'No access.', data: {}, fatal: true })
  }
  const page = await fetchPage(useRoute().path, { query: useRoute().query }, customPageError)
</script>
```

--------------------------------

### Custom Menu Error Handling (TypeScript)

Source: https://github.com/drunomics/nuxtjs-drupal-ce/blob/2.x/README.md

Implement a custom error handler for `fetchMenu`. This example shows how to push an error message to the frontend's message queue when fetching menu data fails, including the status code from Drupal.

```typescript
<script lang="ts" setup>
  const { fetchMenu } = useDrupalCe()
  const { getMessages } = useDrupalCe()
  const messages = getMessages()

  function customMenuError (error: Record<string, any>) {
    messages.value.push({
      type: 'error',
      message: `Menu error: Unavailable. ${error.value.statusCode}`
    })
  }
  const mainMenu = await fetchMenu('main', {}, customMenuError)
</script>
```

--------------------------------

### Initialize Nuxt Project

Source: https://github.com/drunomics/nuxtjs-drupal-ce/blob/2.x/README.md

Command to create a new Nuxt.js project using nuxi. This is a prerequisite for adding the drupal-ce module.

```bash
npx nuxi@latest init <project-name>
```

--------------------------------

### Scaffold Initial Files

Source: https://github.com/drunomics/nuxtjs-drupal-ce/blob/2.x/README.md

Command to remove the default Nuxt app.vue file and scaffold initial files required by the 'nuxtjs-drupal-ce' module. These files can then be customized.

```bash
rm -f app.vue && npx nuxt-drupal-ce-init
```

--------------------------------

### Configure nuxtjs-drupal-ce in nuxt.config.js

Source: https://github.com/drunomics/nuxtjs-drupal-ce/blob/2.x/README.md

Configuration for the 'nuxtjs-drupal-ce' module in the Nuxt configuration file. It requires setting the Drupal base URL and can include additional options.

```javascript
export default defineNuxtConfig({
  modules: [
    'nuxtjs-drupal-ce',
  ],
  drupalCe: {
    drupalBaseUrl: 'https://your-drupal.example.com',
    // more options...
  }
})
```

--------------------------------

### Add nuxtjs-drupal-ce Module

Source: https://github.com/drunomics/nuxtjs-drupal-ce/blob/2.x/README.md

Command to add the 'nuxtjs-drupal-ce' module to an existing Nuxt project. This integrates the Drupal connector into the Nuxt build process.

```bash
npx nuxi@latest module add drupal-ce
```

--------------------------------

### Disable Form Handler Middleware for Specific Routes (JavaScript)

Source: https://github.com/drunomics/nuxtjs-drupal-ce/blob/2.x/README.md

Configure the nuxtjs-drupal-ce module to bypass the form handler middleware for a defined list of routes. This is useful for forms that require custom handling or should not be processed by the default middleware.

```javascript
export default defineNuxtConfig({
  drupalCe: {
    disableFormHandler: ['/custom-form'],
  },
})
```

--------------------------------

### Globally Disable Form Handler Middleware (JavaScript)

Source: https://github.com/drunomics/nuxtjs-drupal-ce/blob/2.x/README.md

Disable the form handler middleware for all routes within your Nuxt.js application. This is achieved by setting the `disableFormHandler` option to `true` in the Nuxt configuration.

```javascript
export default defineNuxtConfig({
  drupalCe: {
    disableFormHandler: true,
  },
})
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.