fix: Vue Readme

Author: HazAT

packages/vue/README.md

@@ -9,84 +9,37 @@
 
 ## Links
 
-- [Official SDK Docs](https://docs.sentry.io/quickstart/)
+- [Official SDK Docs](https://docs.sentry.io/platforms/javascript/guides/vue/)
 - [TypeDoc](http://getsentry.github.io/sentry-javascript/)
 
 ## General
 
-This package is a wrapper around `@sentry/browser`, with added functionality related to React. All methods available in
-`@sentry/browser` can be imported from `@sentry/react`.
+This package is a wrapper around `@sentry/browser`, with added functionality related to VueJS. All methods available in
+`@sentry/browser` can be imported from `@sentry/vue`.
 
-To use this SDK, call `Sentry.init(options)` before you mount your React component.
+To use this SDK, call `Sentry.init(options)` before you create a new Vue instance.
 
 ```javascript
-import React from 'react';
-import ReactDOM from "react-dom";
-import * as Sentry from '@sentry/react';
+import Vue from 'vue'
+import App from './App'
+import router from './router'
+import * as Sentry from '@sentry/vue'
 
-Sentry.init({
-  dsn: '__DSN__',
-  // ...
-});
-
-// ...
-
-ReactDOM.render(<App />, rootNode);
-
-// Can also use with React Concurrent Mode
-// ReactDOM.createRoot(rootNode).render(<App />);
-```
-
-### ErrorBoundary
-
-`@sentry/react` exports an ErrorBoundary component that will automatically send Javascript errors from inside a
-component tree to Sentry, and set a fallback UI. Requires React version >= 16.
-
-> app.js
-```javascript
-import React from 'react';
-import * as Sentry from '@sentry/react';
+Vue.config.productionTip = false
 
-function FallbackComponent() {
-  return (
-    <div>An error has occured</div>
-  )
-}
-
-class App extends React.Component {
-  render() {
-    return (
-      <Sentry.ErrorBoundary fallback={FallbackComponent} showDialog>
-        <OtherComponents />
-      </Sentry.ErrorBoundary>
-    )
-  }
-}
-
-export default App;
-```
-
-### Profiler
-
-`@sentry/react` exports a Profiler component that leverages the `@sentry/apm` Tracing integration to add React related
-spans to transactions. If the Tracing integration is not enabled, the Profiler component will not work. The Profiler
-tracks component mount, render duration and updates. Requires React version >= 15.
-
-> app.js
-```javascript
-import React from 'react';
-import * as Sentry from '@sentry/react';
-
-class App extends React.Component {
-  render() {
-    return (
-      <FancyComponent>
-        <InsideComponent someProp={2} />
-        <AnotherComponent />
-      </FancyComponent>
-    )
-  }
-}
+Sentry.init({
+  Vue: Vue,
+  debug: true,
+  dsn: '__PUBLIC_DSN__',
+  attachProps: true,
+})
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  router,
+  components: { App },
+  template: '<App/>'
+})
 
-export default Sentry.withProfiler(App);
 ```

packages/vue/package.json

@@ -53,7 +53,7 @@
     "fix": "run-s fix:eslint fix:prettier",
     "fix:prettier": "prettier --write \"{src,test}/**/*.ts\"",
     "fix:eslint": "eslint . --format stylish --fix",
-    "test": "jest",
+    "test": "jest --passWithNoTests",
     "test:watch": "jest --watch",
     "pack": "npm pack"
   },