how create VueJS Quasar extension

[franfrLor]

I'm trying to create an extension following the documentation. https://quasar.dev/app-extensions/development-guide/introduction

I have the ui-kit tree. I did in test project : npm add --dev C:\GIT\NpmPackage\MyComponent\app-extension
After I do: quasar ext invoke quasar-ui-my-component

Then when I run my test project i have this error : TypeError: Cannot read properties of undefined (reading 'push') at Object.extendConf [as fn] (C:\GIT\NpmPackage\MyComponent\app-extension\src\index.js:16:36) In index.js this line is in error : conf.build.transpileDependencies.push(/quasar-app-extension-my-component[/]src/)

if i comment this line i have this error : C:\GIT\NpmPackage\MyComponent\app-extension\src\boot\register.js 1:1 error Parsing error: The keyword 'import' is reserved

[franfrLor]

I think this line isn't compatible with vite project :
conf.build.transpileDependencies.push(/quasar-app-extension-lorca-composant[\/]src/)

I resolve the second error after build in ui folder

Now i try to use Vue file for component.
I add this libs : @rollup/plugin-commonjs, @rollup/plugin-node-resolve and rollup-plugin-vue and i complete the file script.javascript.js
const vue = require('rollup-plugin-vue')
const commonjs = require('@rollup/plugin-commonjs')
...
json(),
vue(/* VuePluginOptions */),
commonjs(),

but when i add css in my component :

<style lang="sass" scoped> .my-component__text font-weight: bold </style>

I have this error :
Error: C:\GIT\NpmPackage\MyComposant\ui\src\components\HelloWorld.vue:3:3: Unknown word
at error (C:\GIT\NpmPackage\MyComposant\ui\node_modules\rollup\dist\shared\rollup.js:198:30)
at throwPluginError (C:\GIT\NpmPackage\MyComposant\ui\node_modules\rollup\dist\shared\rollup.js:21718:12)
at Object.error (C:\GIT\NpmPackage\MyComposant\ui\node_modules\rollup\dist\shared\rollup.js:22672:20)
at Object.error (C:\GIT\NpmPackage\MyComposant\ui\node_modules\rollup\dist\shared\rollup.js:21895:42)
at C:\GIT\NpmPackage\MyComposant\ui\node_modules\rollup-plugin-vue\dist\style.js:51:56
at Array.forEach ()
at Object.transformStyle (C:\GIT\NpmPackage\MyComposant\ui\node_modules\rollup-plugin-vue\dist\style.js:51:23)
at async transform (C:\GIT\NpmPackage\MyComposant\ui\node_modules\rollup\dist\shared\rollup.js:21865:16)
at async ModuleLoader.addModuleSource (C:\GIT\NpmPackage\LorcaComposant\ui\node_modules\rollup\dist\shared\rollup.js:22090:30)

thank you for your help