docs

docs/ja/quick-start/quick-start.md

@@ -28,93 +28,7 @@ npm install --save vue-facing-decorator
 
 ### JavaScript プロジェクト
 
-#### Vite
-
-1.  必要な依存パッケージをインストールしてください。
-
-    ```shell
-    npm install @haixing_hu/vue3-class-component
-    npm install @babel/core @babel/runtime @babel/preset-env
-    npm install @babel/plugin-proposal-decorators @babel/plugin-transform-class-properties @babel/plugin-transform-runtime
-    ```
-
-2.  [@babel/plugin-transform-class-properties]および、[@babel/plugin-proposal-decorators]プラグインを使用して、[Babel] を設定してください。[Babel]の設定ファイル名は`babelrc.json`であることが多く、以下のような内容です。
-
-    ```json
-    {
-        "presets": [["@babel/preset-env", { "modules": false }]],
-        "plugins": [
-            "@babel/plugin-transform-runtime",
-            ["@babel/plugin-proposal-decorators", { "version": "2023-05" }],
-            "@babel/plugin-transform-class-properties"
-        ]
-    }
-    ```
-
-    **Note:** [vite]が含まれている場合, 必ず`@babel/preset-env`の`modules` パラメーターを`false`に設定してください。
-
-3.  [Babel]を利用するため、`vite.config.js`で[vite]を設定してください。設定ファイル名は `vite.config.js` であることが多く、以下のような内容です。
-
-    ```js
-    import { fileURLToPath, URL } from 'node:url';
-    import { defineConfig } from 'vite';
-    import vue from '@vitejs/plugin-vue';
-    import * as babel from '@babel/core';
-
-    // A very simple Vite plugin support babel transpilation
-    const babelPlugin = {
-        name: 'plugin-babel',
-        transform: (src, id) => {
-            if (/\.(jsx?|vue)$/.test(id)) {
-                // the pattern of the file to handle
-                return babel.transform(src, {
-                    filename: id,
-                    babelrc: true,
-                });
-            }
-        },
-    };
-
-    // https://vitejs.dev/config/
-    export default defineConfig({
-        plugins: [
-            vue({
-                script: {
-                    babelParserPlugins: ['decorators'], // must enable decorators support
-                },
-            }),
-            babelPlugin, // must be after the vue plugin
-        ],
-        resolve: {
-            alias: {
-                '@': fileURLToPath(new URL('./src', import.meta.url)),
-            },
-        },
-    });
-    ```
-
-#### Webpack
-
-1.  必要な依存パッケージをインストールしてください。
-
-    ```shell
-    npm install @haixing_hu/vue3-class-component
-    npm install @babel/core @babel/runtime @babel/preset-env
-    npm install @babel/plugin-proposal-decorators @babel/plugin-transform-class-properties @babel/plugin-transform-runtime
-    ```
-
-2.  [@babel/plugin-transform-class-properties]および、[@babel/plugin-proposal-decorators]プラグインを使用して、[Babel] を設定してください。[Babel]の設定ファイル名は`babelrc.json`であることが多く、以下のような内容です。
-
-    ```json
-    {
-        "presets": ["@babel/preset-env"],
-        "plugins": [
-            "@babel/plugin-transform-runtime",
-            ["@babel/plugin-proposal-decorators", { "version": "2023-05" }],
-            "@babel/plugin-transform-class-properties"
-        ]
-    }
-    ```
+`vue-facing-decorator` could be used in pure JavaScript Vue projects. you must enable decorator features manully(e.g. transform decorators by `babel`).
 
 ## 使用方法