solve vetur Problem

jsconfig.json

+ {
+    "include": [
+      "./src/**/*"
+    ]
+  }
\ No newline at end of file

public/index.html

@@ -15,3 +15,8 @@
     <!-- built files will be auto injected -->
   </body>
 </html>
+
+<script>
+  //  import bootstrap javaScripts allows dynamic components like Dropdowns to work
+  import '../node_modules/bootstrap/dist/js/bootstrap'
+</script>

src/components/navbar.vue

@@ -28,7 +28,7 @@
                 <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
               </li>
             </ul>
-            <form class="d-flex ml-auto ">
+            <form class="d-flex ml-auto">
               <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
               <button class="btn btn-outline-success ml-1" type="submit">Search</button>
             </form>

tsconfig.json

+{
+  "include": [
+    "./src/**/*"
+  ],
+  "compilerOptions": {
+    "module": "es2015",
+    "moduleResolution": "node",
+    "target": "es",
+    "sourceMap": true,
+    "allowJs": true
+  }
+}
\ No newline at end of file

vetur.config.js

+// vetur.config.js
+/** @type {import('vls').VeturConfig} */
+module.exports = {
+  // **optional** default: `{}`
+  // override vscode settings
+  // Notice: It only affects the settings used by Vetur.
+  settings: {
+    "vetur.useWorkspaceDependencies": true,
+    "vetur.experimental.templateInterpolationService": true
+  },
+  // **optional** default: `[{ root: './' }]`
+  // support monorepos
+  projects: [
+    './', // shorthand for only root.
+    {
+      // **required**
+      // Where is your project?
+      // It is relative to `vetur.config.js`.
+      root: './',
+      // **optional** default: `'package.json'`
+      // Where is `package.json` in the project?
+      // We use it to determine the version of vue.
+      // It is relative to root property.
+      package: './package.json',
+      // **optional**
+      // Where is TypeScript config file in the project?
+      // It is relative to root property.
+      tsconfig: './tsconfig.json',
+      // **optional** default: `'./.vscode/vetur/snippets'`
+      // Where is vetur custom snippets folders?
+      snippetFolder: './.vscode/vetur/snippets',
+      // **optional** default: `[]`
+      // Register globally Vue component glob.
+      // If you set it, you can get completion by that components.
+      // It is relative to root property.
+      // Notice: It won't actually do it. You need to use `require.context` or `Vue.component`
+      globalComponents: [
+        './src/components/**/*.vue'
+      ]
+    }
+  ]
+}
\ No newline at end of file