Chapter quiz · State, Composables & Modules

Test what you learned.

8 questions on State, Composables & Modules. Pass 70% to clear the chapter.

← Review chapter lessons

Quiz

State, Composables & Modules — Chapter Quiz

Eight questions covering useState, Pinia, runtime config, plugins, and modules.

0/ 9

Question 1
1
What does useState('counter', () => 0) return?
AA reactive ref globally keyed by "counter", SSR-safeBA local ref scoped to the componentCA plain numberDA Pinia store
useState is a globally-keyed ref. Two callers with the same key share the same underlying ref, and the initial value is serialized into the SSR payload.
Question 2
2
Which module wires Pinia into Nuxt?
ApiniaB@pinia/nuxtCnuxt-piniaDPinia is built into Nuxt 3
@pinia/nuxt handles SSR hydration and auto-imports for stores living under stores/.
Question 3
3
Composables placed in composables/ are auto-imported across the app.
TTrueFFalse
Every default export (and named exports) in composables/*.ts is globally available — no import statement needed.
Question 4
4
Where do you put secrets that should be available only on the server?
AruntimeConfig.publicBruntimeConfig (top-level, server-only)Cprocess.env directly in client componentsDA secrets.json file in public/
Top-level runtimeConfig keys stay on the server. Only the public subkey is exposed to the client bundle.
Question 5
5
What suffix marks a plugin as client-only?
A.client.tsB.browser.tsC-client.tsD@client.ts
plugins/foo.client.ts runs only on the client. .server.ts runs only on the server. Without a suffix it runs on both.
Question 6
6
@nuxt/_____ is the official image-optimization module.
@nuxt/image provides <NuxtImg> and <NuxtPicture> with automatic resizing, modern formats, and lazy loading.
Question 7
7
What does @nuxt/content give you?
AA headless Markdown CMS that turns content/ into queryable dataBA WYSIWYG editor in the dashboardCA wrapper around Sanity CMSDA Vue equivalent of MDX
@nuxt/content parses Markdown, YAML, JSON, and CSV under content/ and exposes them via queryCollection().
Question 8
8
How are values from runtimeConfig accessed?
Select all that apply.
AuseRuntimeConfig() in setup / server routesBDirectly via process.envCconfig.value.apiKey inside a componentDuseConfig() from vue
useRuntimeConfig() is the only supported access path. It returns merged build-time + runtime env values.