lazercaveman / nuxt-starter

This repo contains a fully configured Nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configured and ready to use in real world projects!

I enjoy collecting new impressions, views, and insights, harmonizing them with my experiences
& create something new out of these.

Website · Twitter · LinkedIn · CodePen

nuxt-starter's Issues

The auto import not working on storybook

Hi @lazercaveman,

I've found issue on storybook the nuxt 3 auto-import component not working.

Thanks!

storybook module doesnot work!

Reproduce error:

yarn install
yarn storybook

Error:

ERR! import { logger } from '@storybook/node-logger';
ERR! ^^^^^^
ERR! 
ERR! SyntaxError: Cannot use import statement outside a module
..........
ERR! import { logger } from '@storybook/node-logger';
ERR! ^^^^^^
ERR! 
ERR! SyntaxError: Cannot use import statement outside a module
ERR!     at internalCompileFunction (node:internal/vm:73:18)
ERR!     at wrapSafe (node:internal/modules/cjs/loader:1176:20)
ERR!     at Module._compile (node:internal/modules/cjs/loader:1218:27)
ERR!     at Module._extensions..js (node:internal/modules/cjs/loader:1308:10)
ERR!     at Module.load (node:internal/modules/cjs/loader:1117:32)
ERR!     at Module._load (node:internal/modules/cjs/loader:958:12)
ERR!     at Module.require (node:internal/modules/cjs/loader:1141:19)
ERR!     at require (node:internal/modules/cjs/helpers:110:18)
ERR!     at Object.<anonymous> (/home/sheece/Desktop/work/nuxt3-starter/node_modules/@storybook/addon-postcss/preset.js:1:18)
ERR!     at Module._compile (node:internal/modules/cjs/loader:1254:14)
...................
ℹ ｢wdm｣: wait until bundle finished: 
node:internal/crypto/hash:71
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
..........................
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'

Resolving nuxt specific aliases in storybook

I'm using import { useState } from '#app' in one component, so I added something like this, in vite.config.ts as storybook was complaining it couldn't resolve #app:

'#app': path.resolve(__dirname, './node_modules/nuxt/dist/app/index.mjs'),

Which then complained about not being able to resolve #head on THAT file, so I fixed that, and it complained about #build so it seems you'll end up down a rabbit hole here.

Impossible to install depedencies

Hello,

I cloned the repo locally and when I tried to install the dependencies with npm install, I'm getting this error :

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: undefined@undefined
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@"^3.0.0" from @storybook/[email protected]
npm ERR!   node_modules/@storybook/vue3
npm ERR!     dev @storybook/vue3@"^6.5.10" from the root project
npm ERR!   vue@"^3.2.38" from [email protected]
npm ERR!   node_modules/nuxt
npm ERR!     dev nuxt@"^3.0.0-rc.9" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! pinia@"^2.0.22" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@">= 2.5 < 2.7" from @vue/[email protected]
npm ERR!   node_modules/@vue/composition-api
npm ERR!     peerOptional @vue/composition-api@"^1.4.0" from [email protected]
npm ERR!     node_modules/pinia
npm ERR!       pinia@"^2.0.22" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/benoitkopp/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/benoitkopp/.npm/_logs/2022-09-19T12_28_26_745Z-debug-0.log

Thanks in advance !