Skip to content

Updating Nuxt to support Vue 3 #2

Description

@yellowstripe-io

Firstly, great platform! A couple of things that would make developing with Nuxt & Nhost a better experience with getting started:

  1. Please update the getting started example content to reflect the boilerplate state of Nuxt. As a noob, it's hard to understand how your example:
    { modules: [ '@nhost/nuxt' ], nhost: { baseURL: "https://backend-REPLACE.nhost.app" // optional other nhost-js-sdk setup options } }

fits into this starting Nuxt Config as an example:

`import colors from 'vuetify/es5/util/colors'

export default {
// Target: https://go.nuxtjs.dev/config-target
target: 'static',

// Global page headers: https://go.nuxtjs.dev/config-head
head: {
titleTemplate: '%s - yellowstripe',
title: 'yellowstripe',
htmlAttrs: {
lang: 'en',
},
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' },
],
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
},

// Global CSS: https://go.nuxtjs.dev/config-css
css: [],

// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [],

// Auto import components: https://go.nuxtjs.dev/config-components
components: true,

// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: [
// https://go.nuxtjs.dev/eslint
'@nuxtjs/eslint-module',
// https://go.nuxtjs.dev/stylelint
'@nuxtjs/stylelint-module',
// https://go.nuxtjs.dev/vuetify
'@nuxtjs/vuetify',
],

// Modules: https://go.nuxtjs.dev/config-modules
modules: [],

// Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify
vuetify: {
customVariables: ['~/assets/variables.scss'],
theme: {
dark: true,
themes: {
dark: {
primary: colors.blue.darken2,
accent: colors.grey.darken3,
secondary: colors.amber.darken3,
info: colors.teal.lighten1,
warning: colors.amber.base,
error: colors.deepOrange.accent4,
success: colors.green.accent3,
},
},
},
},

// Build Configuration: https://go.nuxtjs.dev/config-build
build: {},
}
`

  1. Please update the Nuxt Version to include the composition API / Vue 3. :)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions