nuxt3 starter?

Hi, I’m new to the vue world and I’m trying to use nuxt3@latest + bootstrap-vue-3 (0.0.5) to generate static pages but I haven’t found any documentation on how to get started

After some research I took the base example page and added <b-container/> around it as follows:

<script lang="ts" setup>
    const counter = useState('counter', () => Math.round(Math.random() * 1000))
</script>

<template>
  <div>
    <b-container>
        Counter: {{ counter }}
        <button @click="counter++">+</button>
        <button @click="counter--">-</button>
    </b-container>
  </div>
</template>

and created a plugin based on what I saw on the README

import { defineNuxtPlugin } from '#app'

import BootstrapVue3 from 'bootstrap-vue-3'

export default defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.use(BootstrapVue3)
})

unfortunately, it crashes with something I don’t really understand

document is not defined

any pointer or suggestion? I’m pretty lost atm

[wobsoriano]

This is my working setup for nuxt3:

// nuxt.config.ts
import { defineNuxtConfig } from "nuxt3"

export default defineNuxtConfig({
  css: [
    "bootstrap/dist/css/bootstrap.css",
    "bootstrap-vue-3/dist/bootstrap-vue-3.css",
  ],
})

// plugins/bootstrap.client.ts
import BootstrapVue3 from "bootstrap-vue-3"

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(BootstrapVue3)
})

<template>
  <div>
    <ClientOnly>
      <b-accordion>
        <b-accordion-item title="Accordion Item #1" visible>
          Accordion 1
        </b-accordion-item>
        <b-accordion-item title="Accordion Item #2">
          Accordion 2
        </b-accordion-item>
        <b-accordion-item title="Accordion Item #3">
          Accordion 3
        </b-accordion-item>
      </b-accordion>
    </ClientOnly>
  </div>
</template>

Just wrap the bootstrap component with the <ClientOnly /> component provided by nuxt 3 whenever you get a Invalid value used as weak map key error

[reqwire]

@edwh it seems the ssr fixes were postponed until 5.3.

Understandable too - the creator had a heart attack.